target和currentTarget的区别

target 和currentTarget 都是对一个触发事件的对象的引用. 不同之处在于:

1，target 是对触发事件的对象的引用 (简称就是事件源，就是那个真实DOM本身)

2，currentTarget 当事件遍历DOM时，标识事件的当前目标。它总是引用事件处理程序附加到的元素（事件绑定的元素，不一定是那个真实DOM,因为会冒泡）

3，target在事件流的目标阶段；(指元素本身)

4，currentTarget在事件流的捕获，目标及冒泡阶段。只有当事件流处在目标阶段的时候，两个的指向才是一样的（这里就是说：只有是事件元素元素自身触发，指向才会是一样的）
# 因为会冒泡所以这个事件不一定是元素自身触发的

5，而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象（一般为父级)。（这里就是由于会冒泡就导致了指向会不一样）

注：参考原文：https://zhuanlan.zhihu.com/p/33906656

target和currentTarget的区别相关推荐

js中的target与currentTarget的区别转
关于js中target与currentTarget的区别的关键在于他们所处在的事件流的阶段是不一样的,target处于事件流的目标阶段,currentTarget处理事件流的捕获.处于目标阶段和冒泡阶 ...
target与currentTarget的区别？
比如说现在有A和B,A.addChild(B)A监听鼠标点击事件那么当点击B时,target是B,currentTarget是A也就是说,currentTarget始终是监听事件者,而target是事 ...
FLEX:target和currentTarget属性的区别
所有Event对象都有target和currentTarget属性,target属性可引用事件分派对象,currentTarget属性可引用正在被检测事件监听器的当前节点.也就是说target当前你 ...
16.target和currenTarget的区别？
target:就是事件源 currentTarget:当前事件源(当前触发到哪个事件元素,那么这个事件元素就是事件源),跟this一样. <!doctype html> <html ...
js中Event 对象 target 与 currentTarget的应用
http://www.cnblogs.com/meng1314-shuai/p/7455575.html Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠 ...
vue中target和eventTarget的区别
event.target始终指向事件发生时的元素,而event.currentTarget指向事件所绑定的元素. 例如: <div @click="openPlays"> ...
innerText和innerHTML区别 target和this的区别
innerText和innerHTML区别 target和this的区别 1 innerText和innerHTML区别 innerText 和 innerHTML 是 JavaScript 中常用的 ...
event.target与event.currentTarget的区别
event.target事件和event.currentTarget事件,经常被人们混淆.因为它们两个有时候的返回值是完全一样的,因此很具有迷惑性.然而如果真的是一样的,那当初官方就不会做这样没有意义 ...
JS事件：target与currentTarget区别
target在事件流的目标阶段:currentTarget在事件流的捕获,目标及冒泡阶段.只有当事件流处在目标阶段的时候,两个的指向才是一样的,而当处于捕获和冒泡阶段的时候,target指向被单击的对 ...

target和currentTarget的区别

target 和currentTarget 都是对一个触发事件的对象的引用. 不同之处在于:

target和currentTarget的区别相关推荐

最新文章

热门文章