jQuery event.target 属性

实例

返回触发事件的 DOM 元素:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("p, button, h1").click(function(event){
    $("div").html("Triggered by a " + event.target.nodeName + " element.");
  });
});
</script>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落</p>
<button>这是一个按钮</button>
<p>标题、段落和按钮元素定义了单击事件。单击每个元素以显示触发事件的元素。</p>
<div style="color:blue;"></div>
</body>
</html>

运行一下

定义与用法

event.target 属性返回触发事件的 DOM 元素。

将 event.target 与 this 进行比较，以确定事件是否因事件冒泡而被处理，这样做通常很有用。

语法

event.target

参数	描述
event	必填。event 参数来自事件绑定函数

jQuery event.target 属性

实例

定义与用法

语法

分类导航