如何阻止 jQuery 中的事件冒泡?

IT技术 javascript jquery jquery-events event-bubbling
2021-01-25 03:14:12

如何在 jQuery 中停止自定义事件冒泡?

例如我有这个代码:

$('.myclass').bind('amodaldestroy', function(){
    ....does something.....
})

我如何只允许在冒泡时找到的第一个元素上触发一次?我可以只添加 returnfalse吗?

$('.myclass').bind('amodaldestroy', function(){
     ....does something.....
    return false;
})
5个回答

根据 jQuery 的文档

$('myclass').bind('amodaldestroy'), function(event) {
    ....does something....
    event.stopPropagation();
});

利用 event.stopPropagation();

$('.myclass').bind('amodaldestroy', function(e){
    e.stopPropagation();
});

您也可以使用,return false但两者之间存在细微差别,即返回 false 也调用event.preventDefault();

对于 IE < 9 的支持:

$(".element").click(function(e)
{
    var event = e || window.event;
    event.stopPropagation ? event.stopPropagation() : (event.cancelBubble=true);
});

这可能不是那么好,但是

return false;

return false将两者都做stopPropagation,并event.preventDefault...

如果你只想要一个,你可以根据你的选择进行选择

请阅读此内容,仅来自 SO

return false 实际上是 preventDefault 和 stopPropogation。

preventDefault将阻止默认事件发生,stopPropogation 将阻止事件冒泡,返回 false 将两者兼而有之。