event.currentTarget是什么

匿名用户 分类:前端面试题

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

我们可以使用上篇问题( event.target是什么 )中同样的HTML结构。

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);
}

即使我们单击该按钮,它也会打印最外层的div标记。

在这个例子中,我们可以总结出event.currentTarget是当事件沿着 DOM 触发时事件的当前目标 。

参考文档:

https://developer.mozilla.org/zh-CN/docs/Web/API/Event/currentTarget

该系列为面试题系列,俺的答案可能也存在瑕疵或不正确的地方,欢迎大家踊跃讨论。

一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu

回复

我来回复
  • 暂无回复内容