button.addEventListsner('click', function (event) {
// event.currentTarget
});
currentTarget 是 event 事件对象的一个属性,在日常开发中,我们使用的更多的是 event.target,那么 event.currentTarget 和 event.target 的区别。
区别
- event.target 表示点击的元素;
- event.currentTarget 表示绑定事件的元素。
在事件函数中,event.currentTarget 是可以和 this 划等号的
button.addEventListsner('click', function (event) {
// 下面的返回值是 true
console.log(event.currentTarget === this);
});
当前事件的上下文this改变时,可以利用event.currentTarget 和 event.target两者判断当前事件执行。
网友评论