事件绑定----阻止冒泡失效

最新推荐文章于 2022-05-31 16:43:26 发布

weixin_30477797

最新推荐文章于 2022-05-31 16:43:26 发布

阅读量307

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lstrive/p/11134706.html

本文探讨了在使用jQuery时，如何正确地阻止点击事件的冒泡行为。通过实例演示了当点击#aa下的.bb元素时，如何有效地阻止事件向上级元素#aa传播，避免触发不必要的事件处理函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//点击#aa下的.bb时候阻止冒泡失效
        $('#aa').on('click','.bb',function(event){
            console.log('aaa');
            event.stopPropagation();
        });
        $('#aa').on('click',function(){
            console.log('bbb');
        });

//应该是因为两个都是绑定在#aa上的点击事件，所以两个点击先后触发。
//如果想阻止冒泡，需要通过 #aa .bb 进行绑定，阻止冒泡生效。

转载于:https://www.cnblogs.com/lstrive/p/11134706.html