currentTarget event.target

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两者判断当前事件执行。

你可能感兴趣的:(currentTarget event.target)