3、而当事件流处于捕获和冒泡阶段时,target指向被点击的对象,而currentTarget指向当前事件活动的对象,通常是事件的祖元素。
用最简单的语言总结: target: 代表当前目标对象(事件作用的对象) currentTarget: 代表注册监听器的对象 this: 和currentTarget一样,即它们的作用相等。
ps:什么是“事件作用的对象”?什么是注册监听器的对象? >事件作用的对象: 如果是一个点击事件的话,那么你点击了谁,谁就是这个点击事件的作用对象 (你打了谁,谁就是被你打了的对象) >注册监听器的对象: 监听事件的对象(元素)你点击的元素不一定就注册了监听器,也许是它的子元素或者父元素。 总结:判断三者的关键是:弄清到底是谁注册了监听器,又是谁被点击了(对事件产生作用了)。 currentTarge、this是和“注册监听器的对象”是一伙。target和“当前目标对象”是一对。
<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