JS target与currentTarget区别说明
2011-08-28 00:00
676 查看
<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.getElementById(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上点击时,e.target与e.currentTarget是一样的,都是div;当在inner上点击时,e.target是p,而e.currentTarget则是div。
相关文章推荐
- JS target与currentTarget区别说明
- js中的target与currentTarget的区别<转>
- js中event的target和currentTarget的区别
- js中event的target和currentTarget的区别
- js中的target与currentTarget的区别
- js中event的target和currentTarget的区别
- JS事件:target与currentTarget区别
- jS事件:target与currentTarget区别
- JS事件:target与currentTarget区别
- js中target与currentTarget的区别
- JS事件:target与currentTarget区别
- JS事件:target与currentTarget区别
- JS事件:target与currentTarget区别
- JS事件:target与currentTarget区别
- target与currentTarget区别
- js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
- target、this、currentTarget的区别
- jquery Event target currentTarget区别
- 事件对象中target对象和currentTarget对象的区别
- 事件处理基础知识(二)事件里的currentTarget 和 target的区别?