首页 > 代码库 > event.currentTarget与event.target的差别介绍
event.currentTarget与event.target的差别介绍
event.currentTarget与event.target的差别想大家在使用的时候不是非常在意。本文以測试代码来解说它门之间的不同。即，event.currentTarget指向事件所绑定的元素，而event.target始终指向事件发生时的元素。翻译的不专业，好拗口啊，还是直接上測试代码吧：
<div id="wrapper">
<a href="http://www.mamicode.com/#" id="inner">click here!</a>
</div>
<script type="text/javascript" src="http://www.mamicode.com/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=http://www.mamicode.com/?"#" id=?"inner">?click here!?</a>?
<a href=http://www.mamicode.com/?"#" id=?"inner">?click here!?</a>?
#wrapper
<div id=?"wrapper">?…?</div>?
<a href=http://www.mamicode.com/?"#" id=?"inner">?click here!?</a>?
*/
</script>
event.currentTarget与event.target的差别介绍
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。