jQuery event.delegateTarget 属性

定义和用法

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

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

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

语法

event.delegateTarget

参数

参数	描述
event	必需的。事件参数来自事件绑定功能

示例

下例演示了更改<div>元素的背景颜色（<button>元素的祖先）：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>欢迎来到蝴蝶教程</title>
   //此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
   <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/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:red">
          <p>点击按钮修改这个 div 元素的背景颜色。</p>
          <button>点我!</button>
        </div>
        
        <div style="background-color:red">
          <p>点击按钮修改这个 div 元素的背景颜色。</p>
          <button>点我!</button>
        </div>
</body>
</html>

尝试一下

jQuery event.delegateTarget 属性

定义和用法

语法

参数

示例

相关页面