事件源中的target和currentTarget的区别

最新推荐文章于 2022-09-23 17:44:37 发布
最新推荐文章于 2022-09-23 17:44:37 发布
阅读量174 收藏
点赞数 1
文章标签： event
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56290677/article/details/116423019
版权
本文介绍了在前端开发中，通过一个例子展示了`currentTarget`和`target`的区别。`currentTarget`指的是事件绑定的元素，而`target`是实际触发事件的元素。通过点击father和son元素，阐述了事件冒泡和事件捕获的概念。
摘要由CSDN通过智能技术生成 
<view id='father' style='border: 1rpx solid red;' @tap="EventTest">
	father
	<view id="son1" style='border: 1rpx solid black;height: 50rpx;'>son1</view>
	<view id="son2" style='border: 1rpx solid black;'>son2</view>
</view>

点击father获取
在这里插入图片描述
点击son获取
在这里插入图片描述

由此可见currentTarget是监听事件者，而target是事件的真正发出者

毛崽
关注
微信小程序tap事件中target与currentTarget的区别
m0_61631823的博客
03-19 2336
target 是触发该事件的源头组件，而 currentTarget 则是当前事件所绑定的组件。举例如下： 点击内部的按钮时，点击事件以冒泡的方式向外扩散，也会触发外层 view 的 tap 事件处理函数。 此时，对于外层的 view 来说： e.target 指向的是触发事件的源头组件，因此，e.target 是内部的按钮组件 e.currentTarget 指向的是当前正在触发事件的那个组件，因此，e.currentTarget 是当前的 view 组件 扩展：事件传参 微信小程序.
微信小程序target和currentTarget的区别
最新发布
weixin_43364458的博客
03-05 756
详细解析target和currentTarget区别
事件源event.target
weixin_30919919的博客
09-28 104
今天在了解检测浏览器是否能播放不同类型的视频时发现以下代码 <script> function supportType(e,vidType,codType) { myVid=document.createElement('video'); isSupp=myVid.canPlayType(vidType+';codecs="'+codType+'"'); ...
事件对象属性之target和currenTarget
小木Blog
07-10 1118
前言 这两个属性名称相差不多，时常分不清谁是谁， 所以在此再加重一下记忆 结论 event.target等于触发事件的事件源对象。 event.currentTarget等于事件绑定的那个对象， 也就是绑定处理函数内部的this 拓展——处理函数内部的this 事件的绑定方式，html处理事件 代码 如下 &lt;button onclick = "hanshu()...
事件对象中的Target属性
weixin_30847865的博客
02-25 414
事件对象中的Target属性 1. event.delegateTarget：绑定事件的代理对象（例如：btn1.on( 'click', 'btn2', function () {} 中的对象btn1)） 2. event.currentTarget：绑定事件的对象 3. event.Target：真正触发事件的对象 转载于:https://www.cnblogs.com/david-lc...
DOM事件中target和currentTarget的区别
混世小妲己
03-21 462
target：触发事件的元素。 currentTarget：事件绑定的元素。 两者在没有冒泡的情况下，是一样的值，但在用了事件委托的情况下，就不一样了，例如： 代码： <ul id="ulT"> <li class="item1">fsda</li> <li class="item2">ewre</li> <li class="item3">qewe</li> <li class="it
event.target的认识
weixin_30657541的博客
07-03 724
e.target的认识 最近在做特效的过程中遇到了获取目标事件源的情况，一般情况下我们获取目标事件源都是谁是调用者谁就是事件源，但是当有批量的DOM需要操作的时候，要判断哪一个dom是事件源就不是很明确了，使用e.target可以准确地获取事件源，并且在使用的过程中可以比较判断，从而实现我们的代码。 举个例子：当做一个拖拽的案例的时候，有多个事件源，但是想要知道鼠标点击的是不是我们...
JS target与currentTarget区别说明
10-28
在JavaScript中，处理事件时，`target` 和 `currentTarget` 是两个非常重要的属性，它们在事件流的不同阶段有着不同的作用。理解这两个属性的区别对于编写高效且精确的事件处理程序至关重要。 首先，让我们来深入...
js中innerText/textContent和innerHTML与target和currentTarget的区别
10-17
今天小编就为大家分享一篇关于js中innerText/textContent和innerHTML与target和currentTarget的区别，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
Javascript中, event 的 target 与 currentTarget 的区别
04-10
当我们谈论`event`对象时，`target`和`currentTarget`是两个非常关键的属性，它们在处理事件流时扮演着重要角色。理解这两个属性的区别对于编写高效且准确的事件处理程序至关重要。 `event.target`指的是触发事件的...
Javascript的事件冒泡和事件捕获，阻止事件冒泡，事件源target
semanwmj的专栏
03-28 3035
事件冒泡 事件捕获：父级元素先触发，子级元素后触发 事件冒泡：子级元素先触发，父级元素后触发 现在在IE和FF下，触发事件基本都是事件冒泡，由内向外的执行 冒泡事件 *{ margin:0; padding:0; } .div1{ width:200px; height:200px; background-color:
事件的基础理论（38）
qq_45738592的博客
10-11 266
* [DOM事件] * * 1.什么是事件? * 事件就是一件事情或者一个行为（对于元素来说，它的很多事件都是天生自带的），只要我们去操作这个元素，就会触发这些行为 * “事件就是元素天生自带的行为，我们操作元素，就会触发相关的事件行为” * * 2.事件绑定：给元素天生自带的事件行为绑定方法，当事件触发，会把对应的方法执行 * oBox.onclick=function(){} * * 3.元素天生自带的事件？ * [鼠标事件] * cli...
JS触发事件的元素——target
z2431435的博客
09-23 1083
target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素，获取当前操作的事件源。
需要用到e.target查看事件源兼容IE的写法
baidu_38027860的博客
04-25 2684
$("div").click(function(e){    var event = e || window.event;    var target = event.target || event.srcElement;})
js 捕捉事件和事件源:ev = ev || window.event 和 e.target VS e.srcElement
热门推荐
kungfu_panda的专栏
09-19 1万+
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 如何获取事件触发源（兼容IE和FireFox） function ClickMe(e) { var src = e.target || window.event.srcElement;
target事件
香蕉你个芭呐呐的博客
04-13 395
target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 控制台输出查看target function clickp(ev){ console.log(ev.target); console.log(ev.target.id); }》》》copyinfocopyinfocopyinfo
event.srcElement event.target 获取触发当前事件的源对象
08-13 414
event.srcElement.idevent.srcElement.tagNameevent.srcElement.type 获取typeevent.srcElement.value 获取valueevent.srcElement.name 获取nameevent.srcEl...
事件对象里的target和currentTarget的区别
cloudyless的博客
06-30 577
target和currentTaget的区别
AS3事件流解析：target与currentTarget的差异
"本文将深入探讨AS3中的事件属性，特别是target和currentTarget的区别与应用场景。通过一个具体的示例，我们将展示如何理解事件流、localX和localY坐标以及eventPhase，帮助读者更好地掌握ActionScript 3.0中的事件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值