target、this、currentTarget的区别

本文主要是介绍target、this、currentTarget的区别，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

原文详情链接

先诉重点理论：

1. target:触发事件的某个具体对象，只会出现在事件流的目标阶段（谁触发谁命中，所以肯定是目标阶段）
2. currentTarget:绑定事件的对象，恒等于this，可能出现在事件流的任意一个阶段中

 

3. 通常情况下terget和currentTarget是一致的，我们只要使用terget即可，但有一种情况必须区分这三者的关系，那就是在父子嵌套的关系中，父元素绑定了事件，单击了子元素（根据事件流，在不阻止事件流的前提下他会传递至父元素，导致父元素的事件处理函数执行），这时候currentTarget指向的是父元素，因为他是绑定事件的对象，而target指向了子元素，因为他是触发事件的那个具体对象，如下代码和截图所示：

 

 

<div id="one"><div id="three"></div>
</div>one.addEventListener('click',function(e){console.log(e.target);  //threeconsole.log(e.currentTarget);  //one
},false);

 

 

 

这篇关于target、this、currentTarget的区别的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---