美文网首页
currentTarget event.target

currentTarget event.target

作者: June_Done | 来源:发表于2021-12-16 11:14 被阅读0次
    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

          本文链接:https://www.haomeiwen.com/subject/kmtvfrtx.html