JS 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.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。

测试代码如下： home [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] 有元素a和img(标准文档模式)，设置了相对路径。各浏览器效果如下 IE6/7：返回完整路径 IE8/9/10/Firefox/Safari/Chrome/Opera：>>>详细阅读

本文标题：JS target与currentTarget区别说明

地址：http://www.17bianji.com/kaifa2/JS/24250.html

1/2 1