target与事件冒泡

输出是什么？

<div onclick="console.log('first div')">
  <div onclick="console.log('second div')">
    <button onclick="console.log('button')">
      Click!
    </button>
  </div>
</div>

选项

• A: Outer div

• B: Inner div

• C: button

• D: 一个包含所有嵌套元素的数组。

答案

答案: C

导致事件的最深嵌套的元素是事件的 target。你可以通过 event.stopPropagation 来停止冒泡。

见笔记 事件委托 那一页。currentTarget始终是监听事件者，而target是事件的真正发出者。