js事件对象获取中target和currentTarget的区别

最新推荐文章于 2026-04-24 13:47:52 发布

原创最新推荐文章于 2026-04-24 13:47:52 发布 · 2.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被收录于：

45 篇文章 1 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文详细解析了在JavaScript事件处理中，target与currentTarget属性的作用与区别。target属性指向触发事件的实际元素，而currentTarget属性则指向当前正在处理事件的元素，可能是事件冒泡过程中的任一元素。通过一个具体的HTML示例，展示了当点击按钮时，这两个属性返回的不同对象类型。

target和currentTarget获取的都是对象

target获取是触发事件的源对象

currentTarget获取的事件绑定的对象

<body>
<input type = "button" value="点我" />
<script>
var inp_01 = document.getElementsByTagName("input")[0];
document.onclick = function(e){
var e = e || window.event; // 获取事件对象
var target = e.target || e.srcElement;
var currt = e.currentTarget;
//点击按钮时
alert(target); // [object HTMLInputElement]
console.log(currt); // [object HTMLDocument]
}
</script>
</body>

标签

#js事件对象获取中target和currentTarget的区别