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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容