currentTarget 事件属性
事件对象定义和用法
currentTarget 事件属性返回其监听器触发事件的节点,即当前处理该事件的元素、文档或窗口。
在捕获和起泡阶段,该属性是非常有用的,因为在这两个节点,它不同于 target 属性。
语法
event.currentTarget
实例
实例
下面的例子可获得哪个元素的监听器触发了事件:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>在线教程(.cn)</title>
<script>
function myFunction(e){
alert(e.currentTarget);
}
</script>
</head>
<body onclick="myFunction(event)">
<p>点击这个段落。一个警告框将警报eventlistener触发事件的元素。</p>
<p><strong>注意:</strong> currentTarget属性并不一定返回点击的元素,eventlistener触发事件的元素。</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>在线教程(.cn)</title>
<script>
function myFunction(e){
alert(e.currentTarget);
}
</script>
</head>
<body onclick="myFunction(event)">
<p>点击这个段落。一个警告框将警报eventlistener触发事件的元素。</p>
<p><strong>注意:</strong> currentTarget属性并不一定返回点击的元素,eventlistener触发事件的元素。</p>
</body>
</html>
事件对象