事件源中的target和currentTarget的区别

最新推荐文章于 2022-09-23 17:44:37 发布
最新推荐文章于 2022-09-23 17:44:37 发布
阅读量143 收藏
点赞数 1
文章标签： event
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56290677/article/details/116423019
版权 
<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是事件的真正发出者

毛崽
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS target与currentTarget区别说明
10-28
target在事件流的目标阶段；...只有当事件流处在目标阶段的时候，两个的指向才是一样的，而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象（一般为父级）。
事件的基础理论（38）
qq_45738592的博客
10-11 228
* [DOM事件] * * 1.什么是事件? * 事件就是一件事情或者一个行为（对于元素来说，它的很多事件都是天生自带的），只要我们去操作这个元素，就会触发这些行为 * “事件就是元素天生自带的行为，我们操作元素，就会触发相关的事件行为” * * 2.事件绑定：给元素天生自带的事件行为绑定方法，当事件触发，会把对应的方法执行 * oBox.onclick=function(){} * * 3.元素天生自带的事件？ * [鼠标事件] * cli...
JS触发事件的元素——target
z2431435的博客
09-23 950
target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素，获取当前操作的事件源。
event.target的认识
weixin_30657541的博客
07-03 704
e.target的认识 最近在做特效的过程中遇到了获取目标事件源的情况，一般情况下我们获取目标事件源都是谁是调用者谁就是事件源，但是当有批量的DOM需要操作的时候，要判断哪一个dom是事件源就不是很明确了，使用e.target可以准确地获取事件源，并且在使用的过程中可以比较判断，从而实现我们的代码。 举个例子：当做一个拖拽的案例的时候，有多个事件源，但是想要知道鼠标点击的是不是我们...
事件源event.target
weixin_30919919的博客
09-28 92
今天在了解检测浏览器是否能播放不同类型的视频时发现以下代码 <script> function supportType(e,vidType,codType) { myVid=document.createElement('video'); isSupp=myVid.canPlayType(vidType+';codecs="'+codType+'"'); ...
需要用到e.target查看事件源兼容IE的写法
baidu_38027860的博客
04-25 2656
$("div").click(function(e){    var event = e || window.event;    var target = event.target || event.srcElement;})
js中innerText/textContent和innerHTML与target和currentTarget的区别
10-17
今天小编就为大家分享一篇关于js中innerText/textContent和innerHTML与target和currentTarget的区别，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
微信小程序中target和currentTarget的区别小结
01-18
currentTarget和target都是组件的一些属性值集合，由“data-属性名”定义的一些属性值 currentTarget：事件触发的当前事件（当前事件，可能是触发事件的源组件，可能是触发的事件组件（即触发事件源组件的子元素），...
Javascript中, event 的 target 与 currentTarget 的区别
04-10
NULL 博文链接：https://rainbow702.iteye.com/blog/1668953
微信小程序事件对象中e.target和e.currentTarget的区别详解
10-17
主要介绍了微信小程序事件对象中e.target和e.currentTarget的区别详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
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和currenTarget
小木Blog
07-10 1099
前言 这两个属性名称相差不多，时常分不清谁是谁， 所以在此再加重一下记忆 结论 event.target等于触发事件的事件源对象。 event.currentTarget等于事件绑定的那个对象， 也就是绑定处理函数内部的this 拓展——处理函数内部的this 事件的绑定方式，html处理事件 代码 如下 &lt;button onclick = "hanshu()...
Javascript的事件冒泡和事件捕获，阻止事件冒泡，事件源target
semanwmj的专栏
03-28 3016
事件冒泡 事件捕获：父级元素先触发，子级元素后触发 事件冒泡：子级元素先触发，父级元素后触发 现在在IE和FF下，触发事件基本都是事件冒泡，由内向外的执行 冒泡事件 *{ margin:0; padding:0; } .div1{ width:200px; height:200px; background-color:
target事件
香蕉你个芭呐呐的博客
04-13 375
target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 控制台输出查看target function clickp(ev){ console.log(ev.target); console.log(ev.target.id); }》》》copyinfocopyinfocopyinfo
event.srcElement event.target 获取触发当前事件的源对象
08-13 400
event.srcElement.idevent.srcElement.tagNameevent.srcElement.type 获取typeevent.srcElement.value 获取valueevent.srcElement.name 获取nameevent.srcEl...
事件对象里的target和currentTarget的区别
cloudyless的博客
06-30 539
target和currentTaget的区别
js 事件中的target、currentTarget及事件委托
NewWent的博客
07-03 7053
1. target: 只位于其事件流的目标阶段；指向事件发生时的元素 2. currentTarget: 可位于捕获、冒泡和目标阶段；始终指向绑定事件的元素 （如div>ul>li结构，事件委托在div上，target可能为三者之一， 而currentTarget始终为div） 3. 事件委托：将事件绑定在父级元素上，利用事件的冒泡，以达到只绑定一个事件而能监听所有子...
事件对象中target对象和currentTarget对象的区别
u013746071的专栏
08-19 6612
1、target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。 2、event.currentTarget指向事件所绑定的元素，而event.target始终指向事件发生时的元素。 3、事件真正的发送者是evt.target（而且是可以变的，根据触发的不同displayObject），注册侦听器的是evt.currentTarget（不会变的）。 4、在 Goo
DOM事件中target和currentTarget的区别
混世小妲己
03-21 431
target：触发事件的元素。 currentTarget：事件绑定的元素。 两者在没有冒泡的情况下，是一样的值，但在用了事件委托的情况下，就不一样了，例如： 代码： <ul id="ulT"> <li class="item1">fsda</li> <li class="item2">ewre</li> <li class="item3">qewe</li> <li class="it
target 和currentTarget的区别
最新发布
04-27
在 JavaScript 中，当一个事件被触发时，通常会有两个属性与之相关，它们分别是target和currentTarget。 target属性指向触发事件的元素，而currentTarget则指向当前事件处理程序所附加的元素。 例如，当一个按钮被点击时，target属性将指向该按钮，而currentTarget属性将指向包含该按钮的元素（例如，一个表单或一个div）。 在事件冒泡过程中，事件会从target元素开始向上冒泡，直到到达document对象为止。在这个过程中，每个元素都可以通过currentTarget属性来访问事件，从而对该事件进行处理。 总之，target属性指向触发事件的元素，而currentTarget属性指向当前事件处理程序所附加的元素。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值