微信小程序:target与currentTarget的区别

最新推荐文章于 2024-10-24 17:23:56 发布
最新推荐文章于 2024-10-24 17:23:56 发布
阅读量476 收藏 2
点赞数 2
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_49888984/article/details/108053715
版权
微信小程序:target与currentTarget的区别

target为触发事件的组件(触发事件的源头)
currentTarget为当前组件

当存在事件冒泡时:

<view bindtap="outer">outter
  <view bindtap="inner">inner
  </view>
</view>

当触发inner时，它输出一个对象，对象属性target与currentTarget的值皆为inner
当冒泡到outter时，它输出一个对象，对象属性target的值为inner与currentTarget的值为outter

小程序 target 与 currentTarget（详细）
https://shixuebin.gitee.io/hexo-blog/
09-07 963
由于官方解释太过精炼，下面仔细讲讲其中的含义，先看一段代码：
微信小程序target和currentTarget的区别
weixin_43364458的博客
03-05 854
详细解析target和currentTarget区别
【微信小程序】target与currentTarget区别简记
RogerQianpeng的博客
10-18 1233
示例代码中，常能见到e.target或者。简单来说，就是当前对象，target就是整个对象（包含子元素）。所以当点击某单一组件时，直接获取其data可以用，而当该组件被包了一层，事件在父元素，数据在子元素，则需要使用target。
微信小程序：事件对象中属性区分（target和currentTarget等)
最新发布
weixin_70354927的博客
10-24 1769
1.多个单词由连字符。
微信小程序tap事件中target与currentTarget的区别
m0_61631823的博客
03-19 2401
target 是触发该事件的源头组件，而 currentTarget 则是当前事件所绑定的组件。举例如下： 点击内部的按钮时，点击事件以冒泡的方式向外扩散，也会触发外层 view 的 tap 事件处理函数。 此时，对于外层的 view 来说： e.target 指向的是触发事件的源头组件，因此，e.target 是内部的按钮组件 e.currentTarget 指向的是当前正在触发事件的那个组件，因此，e.currentTarget 是当前的 view 组件 扩展：事件传参 微信小程序.
微信小程序中target和currentTarget的区别小结
01-18
在小程序中，e.target与e.currentTarget是非常重要的，尤其是涉及到页面传值时 currentTarget和target都是组件的一些属性值集合，由“data-属性名”定义的一些属性值 currentTarget：事件触发的当前事件（当前事件，...
微信小程序：漫画小程序项目总结
03-29
4、e.currentTarget.dataset、e.target.dataset 用法，console.log(e) 调试技巧。  5、难点：数组数据下标为动态数据时的取值方法。   项目要求： 1、构建 WXML 模板。  2、使用 wx:for 循环输出四个图片，每个...
微信小程序target 和 currentTarget 都是事件对象中的属性，
qq_35915504的博客
04-23 483
总结来说，target 指向触发事件的源组件，而 currentTarget 指向事件绑定的当前组件。通过使用 target 和 currentTarget，可以在事件处理函数中区分事件的来源和当前处理事件的组件，从而根据需要进行不同的处理逻辑。target 和 currentTarget 都是事件对象中的属性，它们在事件处理函数中用于引用与事件相关的组件。在 的事件处理函数中，event.target 将指向 组件，因为它是触发事件的源组件。在上述结构中，如果点击了 组件，事件会冒泡到父组件。
小程序中currentTarget与target的区别
qq_41818857的博客
04-28 300
event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素
微信小程序中e.target与e.currentTarget区别详解
shadow_zed的博客
02-20 1621
在小程序中，e.target与e.currentTarget是非常重要的，尤其是涉及到页面传值时！本节只说两者的区别，关于传值下一节再详细讲解>https://blog.youkuaiyun.com/Syleapn/article/details/81290133#comments~ 下面开始正文啦！！ 先来大概梳理下逻辑，以便引申与更一步了解target与curentTarget。 在小程序...
微信小程序currentTarget与target
cynicme的博客
01-12 419
微信小程序currentTarget与target
微信小程序---target和currentTarget区别
weixin_45561258的博客
07-14 454
<view id="outer" bindtap="change1"> outer view <view id="inner" bindtap="change2"> inner view </view> </view> 如果点击了inner view，那么在change2中target和currentTarget指向的都是同一个对象，而在change1中，则target指向的是inner view，currentTarget指向的是o
微信小程序 target和currentTarget区别
zhouguizhi
11-19 997
比如有一个列表,每个子项都可以点击,我们可以把点击事件放在图片上也可以直接放在子项的根组件上, target:指的是当前点击的组件 currentTarget:指的是事件捕获的组件 &lt;view catchTap = "fetchImage"&gt; &lt;image src="a.png" data-postId = "item.id"&gt; &lt;/view&gt;  ..
小程序学习篇：target和currentTarget区别
gede_s的博客
10-12 714
微信小程序 target和currentTarget区别
微信小程序中target和currentTarget的区别
一步一步的前进
08-07 276
微信小程序中target和currentTarget的区别
微信小程序事件对象的target与currentTarget属性的区别-GIF图解
JackieDYH的博客
07-08 770
要点 target对应的是触发事件的源头组件，这个组件有可能是子组件，有可能是父组件，主要是看执行动作的区域。 currentTarget始终对应事件所绑定的组件。 .wxml <view id="out" class="outer box1" bindtap="outerHandle"> 外out <view id="cent" class="center box1" bindtap="centerHandle"> 中cent <view..
微信小程序16__target 与 currentTarget 的区别
daozhongyang的专栏
11-22 517
在小程序开发中， 经常要用到这两个，看一个图 1. 通过一段代码来了解： 这里catchtap 指捕获点击事件， 这段代码 捕获事件 与 触发事件都作用在 <view>元素上， 要使用currentTarget 对象。 2. 再看一段代码： 这里， catchtap 捕获点击事件在<swiper>元素上， 传参的对象data-index 却在里面的子元素<image>上，要获取 每个<data-index>的值， 就要使...
微信小程序事件对象currentTarget和target属性的区别
qq_43447509的博客
08-24 650
页面中view嵌套view，分别都绑定点击事件 wxml <view id="outer" class="outer" bindtap="outerClick"> <view id="inner" class="inner" bindtap="innerClick"></view> </view> wxss：设置一些样式方便观察 .outer{ width: 400rpx; height: 400rpx; background-color:
微信小程序WXML模板--事件对象属性以及target和currentTarget的区别
weixin_73318685的博客
06-15 510
当事件回调触发的时候，会收到一个事件对象event。target 是 触发事件的源头组件，而 currentTarget 则是 当前事件所绑定的组件
微信小程序深入解析：触控事件与调试
微信小程序触控事件是小程序开发中至关重要的交互设计元素，它实现了视图层与逻辑层之间的高效沟通。事件机制允许开发者捕捉用户的操作行为，并在逻辑层中进行相应的处理。以下是关于微信小程序触控事件的详细介绍：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值