currentTarget 事件属性
JavaScript基础 2022-06-08 12:04:54小码哥的IT人生shichen
currentTarget 事件属性
实例
获取事件侦听器触发特定事件的元素：
alert(event.currentTarget);
完整实例：
<!DOCTYPE html>
<html>
<body onclick="myFunction(event)">
<p>单击段落。警报框将提醒事件侦听器触发事件的元素。</p>
<p><b>注释：</b>currentTarget 属性不一定返回被单击的元素，而是返回其 eventlistener 触发事件的元素。</p>
<script>
function myFunction(event) {
alert(event.currentTarget.nodeName);
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
currentTarget 事件属性返回其事件侦听器触发了该事件的元素。
这在捕获和冒泡期间特别有用。
currentTarget 属性总是引用其事件侦听器触发事件的元素，与 target 属性相反，它返回触发事件的元素。
浏览器支持
表中的数字注明了完全支持该属性的首个浏览器版本。
| 属性 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| currentTarget | 支持 | 9.0 | 支持 | 支持 | 支持 |
语法
event.currentTarget技术细节
| 返回值： | 对其事件侦听器触发事件的对象的引用。 |
|---|---|
| DOM 版本： | DOM Level 2 Events |
