jQuery 事件 - target 属性 概述
jQuery 2022-06-01 12:08:23小码哥的IT人生shichen
jQuery 事件 - target 属性
实例
显示哪个 DOM 元素触发了事件：
$("p, button, h1, h2").click(function(event){
$("div").html("Triggered by a " + event.target.nodeName + " element.");
});
完整实例：
<html>
<head>
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p, button, h1, h2").click(function(event){
$("div").html("点击事件由一个 " + event.target.nodeName + " 元素触发");
});
});
</script>
</head>
<body>
<h1>这是一个标题</h1>
<h2>这是另一个标题</h2>
<p>这是一个段落</p>
<button>这是一个按钮</button>
<p>标题、段落和按钮元素定义了一个点击事件。如果您触发了事件，下面的 div 会显示出哪个元素触发了该事件。</p>
<div></div>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
target 属性规定哪个 DOM 元素触发了该事件。
语法
event.target
| 参数 | 描述 |
|---|---|
| event | 必需。规定需要检查的事件。这个 event 参数来自事件绑定函数。 |
