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

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

回复

我来回复
  • 暂无回复内容