JS触发事件event.target VS event.currentTarget实例
作者：热饭班长
这篇文章主要介绍了JS触发事件event.target VS event.currentTarget实例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
定义
event.target为触发事件的元素
event.currentTarget为绑定事件处理函数的元素
事件处理程序绑定在div上
<div onClick="onClick">
<button>按钮</button>
</div>
// 情况1：点击button
const onClick = (event) => {
console.log(event.target) // 为button，触发事件的元素
console.log(event.currentTarget) // 为div，绑定事件处理函数的元素
}
// 情况2：点击div
const onClick = (event) => {
console.log(event.target) // 为div，触发事件的元素
console.log(event.currentTarget) // 为div，绑定事件处理函数的元素
}事件处理程序绑定在button上
<div>
<button onClick="onClick">按钮</button>
</div>
// 情况1：点击button
const onClick = (event) => {
console.log(event.target) // 为button，触发事件的元素
console.log(event.currentTarget) // 为button，绑定事件处理函数的元素
}
// 情况2：点击div，由于div上没有事件处理函数，所以点击不会有任何事情发生以上就是JS触发事件event.target VS event.currentTarget实例的详细内容，更多关于JS触发事件的资料请关注脚本之家其它相关文章！