手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >event.currentTarget与event.target的区别介绍
event.currentTarget与event.target的区别介绍
摘要:event.currentTargetidentifiesthecurrenttargetfortheevent,astheeventtra...

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=">​click here!​</a>​

<a href=" id=">​click here!​</a>​

#wrapper

<div id=">​…​</div>​

<a href=" id=">​click here!​</a>​

当点击click here!时click会向上冒泡,输出如下:

#wrapper

<div id=">​…​</div>​

<div id=">​…​</div>​

*/

</script>

【event.currentTarget与event.target的区别介绍】相关文章:

多种js图片预加载实现方式分享

JavaSacript中charCodeAt()方法的使用详解

jQuery Timelinr实现垂直水平时间轴插件(附源码下载)

javascript中createElement的两种创建方式

JavaScript中search()方法的使用

VBScript版代码高亮

JS与Java在网页设计中的区别

JavaScript中的函数嵌套使用

window.onload与$(document).ready()的区别分析

JS、HTML代码运行工具

精品推荐
分类导航