小程序中e.target与e.currentTarget区别详解

最新推荐文章于 2025-06-16 11:12:26 发布
原创 最新推荐文章于 2025-06-16 11:12:26 发布 · 3.4w 阅读 · 78 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#target #currentTarget #事件对象 #事件处理函数 #id

在小程序中，e.target与e.currentTarget是非常重要的，尤其是涉及到页面传值时！本节只说两者的区别，关于传值下一节再详细讲解>https://blog.youkuaiyun.com/Syleapn/article/details/81290133#comments~

 

下面开始正文啦！！

先来大概梳理下逻辑，以便引申与更一步了解target与curentTarget。

 

 

在小程序中，事件分为2种，冒泡与非冒泡。这不是重点！由于是要理清e.target和e.currentTarget的区别，所以下面从e入手来说。e为事件对象，可以携带额外信息，如 id, dataset, touches。

 

小程序中，事件对象不止一种，如基础事件对象、自定义事件对象等，下面只对普遍且常用的基础事事件对象进行一个说明！

 

下面是官方截图-----》基础事件的属性！红色圈起来的两个是非常重要的，通常涉及到页面间传值时会用到，所以务必要知道他们的区别以及需要注意

最低0.47元/天 解锁文章

200万优质内容无限畅学
event.currentTarget与event.target的区别介绍
12-12
event.currentTarget identifies the current target for the event, as the event traverses the DOM. It always refers to the element the event handler has been attached to as opposed to event.target which identifies the element on which the event occurred. 即，event.currentTarget指向事件所绑定的元素，而event.target始终
微信小程序传值以及获取值方法的详解
10-17
在微信小程序开发中，数据的传递和获取是十分关键的操作，尤其在页面间通信时显得尤为重要。本文将详细讲解微信小程序中两种常见的传值及获取值的方法：通过ID标识和使用`data-xxxx`属性。 首先，我们来看通过设置...
e.target与e.currentTarget的区别
weixin_30698297的博客
12-10 181
在DOM事件对象中有两个属性总是时不时的困扰我，就是target和currentTarget，有时候很迷惑分不清两者的区别，因此有必要把这两个属性好好梳理一下，加深理解，以便日后的查询。 MDN中对target的解释为，一个触发事件的对象的引用， 当事件处理程序在事件的冒泡或捕获阶段被调用时。 而对于currentTarget，它指的是当事件遍历DOM时，标识事件的当前目标。...
微信小程序出现冒泡问题的原因和解决方法
最新发布
成都都成
06-16 472
微信小程序冒泡问题源于事件冒泡机制，子组件事件会向上传递给父组件。解决方法包括：1）使用catch代替bind绑定事件；2）在事件函数中调用e.stopPropagation()；3）优化组件层级和事件委托逻辑；4）区分target和currentTarget。注意特殊组件限制，合理设计事件边界，减少不必要的冒泡层级。通过合理使用事件绑定方式和组件封装，可以有效控制事件传播，避免逻辑冲突。
currentTarget和 target的区别
lc237423551的博客
04-12 7097
最近面试被问到这个问题，还是感叹自己是个小白啊。 面试官问我target和currentTarget的区别。本文大多出自于一个掘金博主的文章点击打开链接target在事件流的冒泡阶段；currentTarget在事件流的捕获，冒泡阶段。只有当事件流处在冒泡阶段的时候，两个的指向才是一样的， 而当处于捕获和冒泡阶段的时候，target指向被单击的对象currentTarget指向当前事件活动的对象（...
currentTarget和target的区别
空寻的博客
08-26 2536
currentTarget VS target target在事件流的目标阶段； currentTarget在事件流的捕获，目标及冒泡阶段。只有当事件流处在目标阶段的时候，两个的指向才是一样的， 而当处于捕获和冒泡阶段的时候， target指向被单击的对象 currentTarget指向当前事件活动的对象（一般为父级）。 冒泡和捕获 当点击页面的一个元素的时候，事件会从这个元素的祖先元素逐层传递下来，这个过程成为事件捕获；当事件传递到这个元素之后，又会把事件逐成传递回去，直到根元素为止，这个阶段是事件的冒泡
e.target 和 e.currentTarget 区别
gxr的博客
02-14 1219
e.target 触发事件的对象 (某个DOM元素) 的引用。当事件处理程序在事件的冒泡或捕获阶段被调用时，它与event.currentTarget不同。 event.target 属性可以用来实现事件委托 (event delegation)。 e.currentTarget 返回绑定事件的元素 当事件遍历DOM时，接口的currentTarget只读属性Event标识事件的当前目标。它始终引...
微信小程序事件对象中e.target和e.currentTarget的区别详解
10-17
在微信小程序的开发过程中，事件处理是一个重要组成部分。事件对象中的target...开发者在编写小程序的事件处理逻辑时，需要根据实际的业务场景和需求来选择使用e.target或e.currentTarget，以确保程序逻辑的正确性。
微信小程序 点击控件后选中其它反选实例详解
08-31
在微信小程序中，实现点击控件后选中其他控件反选的效果，通常涉及到JavaScript、WXML（微信小程序的XML视图层语法）以及WXSS（样式层语法）的交互。下面将详细介绍如何通过这些技术来完成这个实例。 首先，我们要...
target currentTarget 的区别
李嘉杰的博客
02-08 425
关于事件冒泡遇到了 event这里就不上代码简单的记一下，很好理解target直接就是哪个元素被点击了就是哪个currentTarget就是给哪个元素绑定的事件，指向的就是哪个 等于当前作用域下的thise.target 指向触发事件监听的对象。e.currentTarget 指向添加监听事件的对象。这块主要用在事件冒泡上...
JS target与currentTarget区别说明
10-28
target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。只有当事件流处在目标阶段的时候，两个的指向才是一样的，而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象（一般为父级）。
target 和currentTarget的区别
~。~|||
05-21 861
开始学习Flex，会在别人的代码中经常看到target和currentTarget这两个属性，一般是event.target、event.currentTarget，那他们两个有什么区别呢？简单说，target是事件的调用对象(event dispatcher)，currentTarget是事件的处理对象(event processor)以一个实例来说吧Code hig
target和currentTarget 区别
jzan1984的博客
11-14 922
文档说明如上 就是当点击事件是子类的时候a.target.id 是获得当前view的Id，而a.currentTarget.id 是获得父类的view 的id 。当点击父类的时候获得值是一样的
target和currentTarget的区别
开发路上的AZhe
07-04 9555
event.target 和 event.currentTarget 都是对一个触发事件的对象的引用. 不同之处在于: event.target 对触发事件的对象的引用(即它标识事件发生的元素) event.currentTarget 当事件遍历DOM时，标识事件的当前目标。它总是引用事件处理程序附加到的元素 target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段...
target和currentTarget区别
wuqiongqiong_的博客
01-11 3235
比较难区分的事件对象：target和currentTarget target:触发事件的某个具体对象。 currentTarget:绑定事件的对象，恒等于this（非ie的dom2级事件中，ie事件中this指向window），可能出现在事件流的任意一个阶段中 通常情况下terget和currentTarget是一致的，我们只要使用terget即可，（一般target用的也比较多）但有一种情
target与currentTarget的区别
高先生的猫
05-26 973
这两天去面试的两个小伙伴都遇到了一个问题，面试官问到你用jQuery的时候有没有用过target和currentTarget？他们的区别是什么？他们都是一脸懵，平时练习也没有用过currentTarget啊？其实currentTarget这个属性很是鸡肋，其实我们平时也用不到，下面我们通过两个例子说明平时我们为什么用不到： 举个例子： <ul> <li>按钮1</li> <li>按钮2</li> <li&g
微信小程序触控事件详解与应用指南
微信小程序触控事件详解 在微信小程序开发中，触控事件是一种至关重要的交互机制，它负责将用户的触摸行为（如点击、滑动等）转换为可被程序理解并作出响应的信号。在小程序的视图层与逻辑层之间，事件充当了沟通的...
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值