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 面试官系列



