event.currentTarget与event.target的差别介绍

event.currentTarget与event.target区别

最新推荐文章于 2025-09-04 18:55:33 发布

转载最新推荐文章于 2025-09-04 18:55:33 发布 · 61 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gccbuaa/p/6893465.html

文章标签：

#javascript #ViewUI

本文通过测试代码详细解析了event.currentTarget与event.target的区别。前者指向事件绑定的元素，后者始终指向触发事件的元素。

event.currentTarget与event.target的差别想大家在使用的时候不是非常在意。本文以測试代码来解说它门之间的不同。即，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> 
*/ 
</script>

转载于:https://www.cnblogs.com/gccbuaa/p/6893465.html