小程序开发 event对象中 target和currentTarget 属性的区别。

最新推荐文章于 2024-04-23 18:38:02 发布
最新推荐文章于 2024-04-23 18:38:02 发布
阅读量151 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/dianzan/p/7519441.html
本文详细解释了事件委托中event.target和event.currentTarget的区别。event.target总是返回实际触发事件的元素，而event.currentTarget则返回绑定事件的元素。通过具体的例子，如一个p标签位于div标签内部，阐述了点击不同元素时这两个属性的具体表现。

首先本质区别是：

  • event.target返回触发事件的元素

  • event.currentTarget返回绑定事件的元素

  • p包含在div内
  • 在outer上点击时，target跟currentTarget是一样的，都是div，而在inner上点击时，e.target是p、e.currentTarget是div

转载于:https://www.cnblogs.com/dianzan/p/7519441.html

小程序 target 与 currentTarget（详细）
https://shixuebin.gitee.io/hexo-blog/
09-07 991
由于官方解释太过精炼，下面仔细讲讲其中的含义，先看一段代码：
小程序初体验之target和currentTarget
flying meng的菜鸟居
09-29 631
说起这两个属性，就不得不说一个事： 事件对象 小程序官方文档中说：当事件被触发时，处理函数会响应。传入event对象，通过event对象可以获取事件触发时候的一些信息，包括时间戳、detail等。 因为小程序内的事件绑定都是在 WXML 中实现的，所以传递参数只能通过 WXML 上面的属性值来传递，例如下面的代码中，indexDetail 处理函数需要接收生活指数的名称和详情，来弹出弹层提示，这时...
微信小程序target 和 currentTarget 都是事件对象中的属性，
最新发布
qq_35915504的博客
04-23 517
总结来说，target 指向触发事件的源组件，而 currentTarget 指向事件绑定的当前组件。通过使用 target 和 currentTarget，可以在事件处理函数中区分事件的来源和当前处理事件的组件，从而根据需要进行不同的处理逻辑。target 和 currentTarget 都是事件对象中的属性，它们在事件处理函数中用于引用与事件相关的组件。在 的事件处理函数中，event.target 将指向 组件，因为它是触发事件的源组件。在上述结构中，如果点击了 组件，事件会冒泡到父组件。
小程序的事件处理
m0_50789696的博客
03-24 269
当某个事件触发时, 会产生一个事件对象, 并且这个对象被传入到回调函数中。e.currentTarget.dataset.属性。
e.target.dataset与e.currentTarget.dataset获取不到定义的值
祗想安静地的博客
04-24 3万+
你是否遇到这种情况：当你想要获取某个属性里面的值时，怎么点击都无法获取到那个值，例如下面的例子，你想获取view标签里面data-action这个属性的father的这个值，但是你发现点击的时候并没有取到“father”   wxml代码： <view data-action="father" bindtap="GetAction"> <image src="ht...
微信小程序 页面传值给后台总报错，原来是这个坑！
favoritecode的博客
01-05 691
<view class="goodsShow" bindtap="clickItem" wx:for="{{goodsShowList}}" wx:item="item" wx:key="key" data-orderGoods="{{item}}" data-orderid="{{item._id}}"> <view class="itemShow">{{item.goodsInfo[0].goodsName}}</view> </view> d.
event.currentTarget.dataset.postId的理解（小程序中实现点击同一个模板template，跳转到相应的页面中关键的一点）
weixin_43787178的博客
02-08 2854
实现功能：微信小程序中同一个模板template，每点击不同对象，跳转到相应的页面上。 问题：怎样区分我到底点击的是哪个对象？ 方法：给每个对象设置id，检索id跳转。 1.对象设置id: 2.捕捉事件： <view bind:tap="onPostTap" date-postId="{{item.postId}}"> <template is="postItem" dat...
微信小程序事件对象中e.target和e.currentTarget的区别详解
11-28
事件对象（Event Object）是小程序中用于传递事件信息的关键，其中的`e.target`和`e.currentTarget`属性尤其重要，它们可以帮助开发者精确地理解事件触发的位置和行为。下面我们将深入探讨这两个属性的区别。 1. `e...
微信小程序target和currentTarget的区别
weixin_43364458的博客
03-05 872
详细解析target和currentTarget区别
微信小程序tap事件中target与currentTarget的区别
m0_61631823的博客
03-19 2418
target 是触发该事件的源头组件，而 currentTarget 则是当前事件所绑定的组件。举例如下： 点击内部的按钮时，点击事件以冒泡的方式向外扩散，也会触发外层 view 的 tap 事件处理函数。 此时，对于外层的 view 来说： e.target 指向的是触发事件的源头组件，因此，e.target 是内部的按钮组件 e.currentTarget 指向的是当前正在触发事件的那个组件，因此，e.currentTarget 是当前的 view 组件 扩展：事件传参 微信小程序.
【微信小程序】e.target.id和e.currentTarget.dataset.id的区别
热门推荐
不想做菜鸟的小螃蟹
04-24 3万+
1.需求page1展示一个列表，选中列表中的一项，获取该项的一些属性值，set到缓存里。page2 onLoad时从缓存里读取这个缓存，进行使用。2.原始代码①page1的xml文件 列表&lt;view wx:for="{{courseList}}"&gt; &lt;template is="course_temp" data="{{item}}"&gt;&lt;/template&gt..
微信小程序中的 event.target和event.currentTarget区别？
weixin_34268169的博客
06-16 534
//event.target和event.currentTarget //target 指的是当前点击的组件，currentTarget指的是时间捕获的组件 转载于:https://www.cnblogs.com/xzma/p/7028684.html
小程序绑定事件传值是要使用currentTarget获取
我是左小皓
04-02 2300
小程序的事件绑定传值时，自定义的data-**，当在js中获取中，应该使用currentTarget，虽然有时target也可以获取，但是currentTarget才是最准确的，老手路过就可以了，这是我自己踩的坑，顺便记录一下 微信扫码，体验更多开发案例 ...
微信小程序事件对象中e.target和e.currentTarget的区别
编程之美
08-14 2083
官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html 什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息，如 id, dataset, touches。 在小程序的事件回调触发时，会接收一个事件对象，事件对象的参数中包含一个target和currentT
event对象中 target和currentTarget 属性的区别。
qq_36836277的博客
06-11 4091
1.通过event.target可以获得触发事件的元素 2.event.currentTarget返回绑定事件的元素 如果只是看上面这两句话，其实很抽象，很难理解到底是什么意思，如果元素没有嵌套，他们都能够获得当前触发事件的元素，真正的区别在于冒泡和捕获 在页面中点击一个元素，时间是从这个元素的根元素逐层传递下来的，这个事件称为事件的捕获阶段，当事件传递到这个元素后，又会把事件逐层传递回去，知道祖...
小程序中e.target与e.currentTarget区别详解
Syleapn的博客
07-30 3万+
在小程序中，e.target与e.currentTarget是非常重要的，尤其是涉及到页面传值时！本节只说两者的区别，关于传值下一节再详细讲解>https://blog.csdn.net/Syleapn/article/details/81290133#comments~ 下面开始正文啦！！ 先来大概梳理下逻辑，以便引申与更一步了解target与curentTarget。 ...
小程序学习笔记(三）
路在脚下，幸福在手中，莫贪！！！！！
02-18 1698
小程序学习笔记(三） event——框架给你的事件对象；currentTarget——当前鼠标点击的组件；dataset——所有自定义属性数据的集合；postId——自定义变量 在view中使用自定义属性data-postId，格式为data-xxx-x-xxc-x- 只有连字符的才大写： xwml：               js：var postId =even
小程序--event对象
陶人超有料的博客
06-28 1914
1.在event对象中的dataset属性使用实例： <image src="{{serverUrl}}{{item.coverPath}}" style='width:{{screenWidth}}px;height:210px;' mode="aspectFit" bindtap='showVideoInfo' data-arrindex='{{index}}'></i...
微信小程序开发中遇到的问题。总结
棒怡情的专栏
02-10 1万+
开发遇到问题： 1.image设置图片的时候图片在开发工具上面显示，可是运行到手机上面不显示。仔细查看是不是先图片的时候。设置路径不小心在后面加了空格。 例如： 正确：手机上显示 错误：手机上不显示 src里面的内容后面不小心加了空格 2.数据传值的问题：传值的方法。（案例例如一个for循环。然后点击item需要知道点击的是第几个item。）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值