event.target是什么

犀牛前端部落 分类:面试题

用最简单的话说,就是event.target是事件发生所在的元素或触发事件的元素。

例如我们有下面的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.target);
}

如果你点击Button,它会记录 Button 标记,即使我们将事件附加到最外层的div,它会一直记录按钮,所以我们可以总结event.target是触发事件的元素。

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

回复

我来回复
  • 暂无回复内容