e.target和e.currentTarget

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

猜你喜欢

转载自minemine-flying.iteye.com/blog/2332106