event.target 返回触发事件的元素

event.currentTarget 返回绑定事件的元素

补充

补充:event.target 是事件实际触发的元素(事件流中"目标阶段"的元素),event.currentTarget 是当前正在执行回调的元素(通常是绑定监听器的元素)。事件冒泡阶段两者往往不同:target 是子元素,currentTarget 是父元素。典型用法是利用 currentTarget 拿到绑定委托的容器,配合 target 判断具体是哪一个子元素被触发。

// 事件委托示例
ul.addEventListener('click', function (e) {
  console.log('currentTarget:', e.currentTarget.tagName) // UL
  console.log('target:', e.target.tagName)              // LI(实际被点击的)
})

来源整理自:vue3js.cn 面试官系列