jQuery Event.delegateTarget 属性详解

weixin_33920401

于 2015-04-12 14:04:00 发布

阅读量70

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/chris-oil/p/4419449.html

本文介绍了如何使用jQuery的事件委托机制为动态生成的元素绑定事件。通过对比on()和bind()方法，展示了delegateTarget属性和this关键字的区别。对于理解事件冒泡机制及提高代码效率有重要作用。

// 为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
} );

转载于:https://www.cnblogs.com/chris-oil/p/4419449.html