jQuery Event.delegateTarget 属性详解

转载于 2015-04-12 14:04:00 发布 · 158 阅读

0 ·

CC 4.0 BY-SA版权

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

文章标签：

#java #javascript #ViewUI

本文详细探讨了在JavaScript中为元素绑定事件时的细微差别，包括`on`和`bind`方法的区别，以及如何正确使用事件委托来优化事件处理。

// 为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