什么是 event.currentTarget?

event.currentTarget是我们在其上显式附加事件处理程序的元素。

假设有如下的 HTML 结构:

<div onclick="clickFunc(event)" style="text-align: center;margin:15px;
border:1px solid red;border-radius:3px;">
    <div style="margin: 25px; border:1px solid royalblue;border-radius:3px;">
        <div style="margin:25px;border:1px solid skyblue;border-radius:3px;">
          <button style="margin:10px">
             Button
          </button>
        </div>
    </div>
 </div>

JS 代码如下:

function clickFunc(event) {
  console.log(event.currentTarget);
}

效果如下展示:

什么是 event.currentTarget?

如果单击 button,即使我们单击该 button,它也会打印最外面的div标签。在此示例中,我们可以得出结论,event.currentTarget是附加事件处理程序的元素。

 

1. 本站关注web前端开发,分享前端经验和技巧!
2. 喜欢本站的朋友可以收藏(Ctrl + D)本站!
3. 加入QQ群:565733884,我们大家一起来交流技术!
码云笔记 » 什么是 event.currentTarget?

发表评论

提供最优质的资源集合

立即查看 了解详情