js事件中target和currentTarget的区别

target 事件目标

触发事件的那个具体对象

event.target 相当于 IE事件对象中的 window.event.srcElement

currentTarget 某事件处理程序当前正在处理事件的那个元素

绑定事件的对象

js事件中target和currentTarget各指的是什么

1
2
3
4
5
6
<div id="demo">
	父亲
	<p id="son">儿子
		<a id="sun">孙子</a>
	</p>
</div>

demo.onclick = function(e) {
	console.log("e.target",e.target);
	console.log("e.currentTarget",e.currentTarget);
	console.log("this",this);
	console.log("this === e.target", this === e.target);
	console.log("this === e.currentTarget", this === e.currentTarget);
}