关于js中event的target和currentTarget的区别

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于js中event的target和currentTarget的区别相关的知识,希望对你有一定的参考价值。

  今天又遇到这个问题了,总是搞不清楚target和currentTarget的区别,百度搜索的时候看到一遍文章解释得很清楚,特意记录下录,以备不时之需:

target与currentTarget的区别? 

通俗易懂的说法: 
比如说现在有A和B, 
A.addChild(B) 
A监听鼠标点击事件 
那么当点击B时,target是B,currentTarget是A 
也就是说,currentTarget始终是监听事件者,而target是事件的真正发出者 


总结: 
target在事件流的目标阶段;currentTarget在事件流的捕获,目标及冒泡阶段。只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级)。 

以上是关于关于js中event的target和currentTarget的区别的主要内容,如果未能解决你的问题,请参考以下文章

event.target与event.currentTarget的区别

javascript:关于js的function参数中带的Event

event.target指向谁?

JS轻松获取对象之srcElement与target篇

Vue.js + Element UI:在更改时获取“event.target”

兼容性IE10中使用vue.js出现event或event.target未定义问题。