js中target与currentTarget的区别

2019独角兽企业重金招聘Python工程师标准>>>

1、target发生在事件流的目标阶段，而currentTarget发生在事件流的整个阶段（捕获、目标和冒泡阶段）
2、只有当目标流处于目标阶段的时候才相同
3、而当事件流处于捕获和冒泡阶段时，target指向被点击的对象，而currentTarget指向当前事件活动的对象，通常是事件的祖元素。
例如：
<div id="outer" style="background:#099"> 
click outer 
<p id="inner" style="background:#9C0">click inner</p> 
<br> 
</div>
 
<script type="text/javascript"> 
function G(id){ 
return document.getElementByIdx_x(id); 
} 
function addEvent(obj, ev, handler){ 
if(window.attachEvent){ 
obj.attachEvent("on" + ev, handler); 
}else if(window.addEventListener){ 
obj.addEventListener(ev, handler, false); 
} 
} 
function test(e){ 
alert("e.target.tagName : " + e.target.tagName + "\n e.currentTarget.tagName : " + e.currentTarget.tagName); 
} 
var outer = G("outer"); 
var inner = G("inner"); 
//addEvent(inner, "click", test); 
addEvent(outer, "click", test); 
</script>
在outer上点击时，target跟currentTarget是一样的，都是div，而在inner上点击时，e.target是p、e.currentTarget是div

转载于:https://my.oschina.net/u/1992917/blog/313051