- target指向被单击的对象
- currentTarget指向当前事件活动的对象
先看个例子
[JavaScript] 纯文本查看 复制代码 <body>
<div id="a">
<div id="b">
<div id="c">
<div id="d"></div>
</div>
</div>
</div>
<script>
document.getElementById('a').addEventListener('click', function ( e ) {
console.log('target:' + e.target.id + '¤tTarget:' + e.currentTarget.id);
});
document.getElementById('b').addEventListener('click', function ( e ) {
console.log('target:' + e.target.id + '¤tTarget:' + e.currentTarget.id);
});
document.getElementById('c').addEventListener('click', function ( e ) {
console.log('target:' + e.target.id + '¤tTarget:' + e.currentTarget.id);
});
document.getElementById('d').addEventListener('click', function ( e ) {
console.log('target:' + e.target.id + '¤tTarget:' + e.currentTarget.id);
});
</script>
</body>
不必记什么时候e.currentTarget和e.target相等，什么时候不等，理解两者的究竟指向的是谁即可。
- e.target 指向触发事件监听的对象。
- e.currentTarget 指向添加监听事件的对象
给上面代码a注册事件，currentTarget始终指向了a，点击d的时候，target指向了d，current仍然指向a
| 
收藏
淘帖
踩
