jQuery event.delegateTarget 属性

实例

更改 <div> 元素（<button> 元素的先祖）的背景色:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("div").on("click", "button", function(event){
    $(event.delegateTarget).css("background-color", "pink");
  });
});
</script>
</head>
<body>
<div style="background-color:yellow">
  <p>单击按钮更改此 div 的背景色。</p>
  <button>Click me!</button>
</div>
<div style="background-color:yellow">
  <p>单击按钮更改此 div 的背景色。</p>
  <button>点击这里</button>
</div>
</body>
</html>

运行一下

定义与用法

event.delegateTarget 属性返回当前调用的 jQuery 事件处理程序所附加的元素。

此属性对于 on() 方法附加的委托事件非常有用，其中事件处理程序附加在正在处理的元素的祖先上。

提示：event.delegateTarget 等于 event.currentTarget，如果事件直接绑定到元素且未发生委托（请参见下面的实例）。

语法

event.delegateTarget

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

jQuery event.delegateTarget 属性

实例

定义与用法

语法

更多实例

分类导航