您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
Ready 发布于2014年09月02日 13:18

原创 jQuery Event.delegateTarget 属性详解

4075 次浏览 读完需要≈ 3 分钟

内容目录

delegateTarget属性用于返回负责绑定当前被调用的事件处理函数的DOM元素

delegateTarget属性最常用于事件函数delegate()、 on()添加的委托事件中,用于返回受委托的DOM元素。

对于bind()、 live()、 click()等"非委托"事件函数而言,该属性的返回值等于currentTarget属性的值,也就是返回事件冒泡阶段中的当前DOM元素。

该属性属于jQuery的Event对象(实例)。

语法

jQuery 1.7 新增该属性。

eventObject.delegateTarget

返回值

delegateTarget属性的返回值是Element类型,返回"受委托"绑定当前事件处理函数的的DOM元素。

示例&说明

// 为id为element的元素中的所有span元素绑定click事件
$("#element").on( "click", "span", function(event){
	// event.delegateTarget 就是id为element的DOM元素
	// this 就是当前触发事件的span元素
	alert( event.delegateTarget === this); // false 
} );


// 为id为element的元素中的所有span元素绑定click事件
$("#element span").bind( "click", function(event){
	// event.delegateTarget 就是当前触发事件的span元素
	// this 就是当前触发事件的span元素
	alert( event.delegateTarget === this ); // true
} );

运行代码

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论

打开导航菜单