event.currentTarget identifies the current target for the event, as the event traverses the DOM. It always refers to the element the event handler has been attached to as opposed to event.target which identifies the element on which the event occurred. 即，event.currentTarget指向事件所绑定的元素，而event.target始终指向事件发生时的元素。翻译的不专业，好拗口啊，还是直接上测试代码吧： 复制代码 代码如下: <div id="wrapper"> <a href="#" id="inner">click here!</a> </div> <script type="text/javascript" src="source/jquery.js"></script> <script> $('#wrapper').click(function(e) { console.log('#wrapper'); console.log(e.currentTarget); console.log(e.target); }); $('#inner').click(function(e) { console.log('#inner'); console.log(e.currentTarget); console.log(e.target); }); /* 以上测试输出如下： 当点击click here!时click会向上冒泡，输出如下： #inner <a href=​"#" id=​"inner">​click here!​</a>​ <a href=​"#" id=​"inner">​click here!​</a>​ #wrapper <div id=​"wrapper">​…​</div>​ <a href=​"#" id=​"inner">​click here!​</a>​ 当点击click here!时click会向上冒泡，输出如下： #wrapper <div id=​"wrapper">​…​</div>​ <div id=​"wrapper">​…​</div>​ */ </script>

　　推荐阅读

　　js或者jquery判断图片是否加载完成实现代码

网页中有时候需要获得图片的宽度和高度，来定义某些大小，可是这个是需要从服务端请求图片，下载到本地才能够得到的，有些js或者jquery代码在还没有加载完图片时就执行了。怎么办呢？jquery提供一个方法： 复制代码>>>详细阅读

本文标题：event.currentTarget与event.target的区别介绍

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

 1/2    1