JS触发事件event.target VS event.currentTarget实例
更新时间：2023年10月25日 10:52:10 作者：热饭班长
这篇文章主要介绍了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触发事件的资料请关注脚本之家其它相关文章！
相关文章
js输入中文效果...2006-09-09
这篇文章主要介绍了JavaScript实现的选择排序算法,结合实例形式分析了选择排序的原理、实现步骤与相关操作技巧,需要的朋友可以参考下2017-04-04
这篇文章主要给大家介绍了关于JavaScript如何正确的写代码注释的相关资料,注释的作用是提高代码的可读性,帮助自己和别人阅读和理解你所编写的JavaScript代码,注释的内容不会在网页中显示,需要的朋友可以参考下2023-10-10
解析img图片没找到onerror事件 Stack overflow at line: 0
本篇文章主要介绍了img图片没找到onerror事件 Stack overflow at line: 0 需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要为大家详细介绍了JavaScript封装弹框插件的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
今天看视频学习时学习了一种新技术，即平时我们在一个页面点击“提交”或“确认”会自动跳转到一个页面,在网上搜了一下，关于这个技术处理有多种方法,有兴趣的朋友可以参考下2013-01-01
其实就是利用了Microsoft.XMLHTTP实现远程文件的保存，不过需要修改下才可以运行，地址传参问题2013-04-04
昨天碰到一道关于如何解决有序数组的连接问题，这是一个很常见的问题。但是这里要考虑到代码的效率问题，因为要连接的数组都是有序的，这是一个非常重要的前提条件2013-10-10
这篇文章主要为大家详细介绍了微信小程序实现简单九宫格抽奖，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
2009-12-12
最新评论