如何在jQuery中阻止事件冒泡？

Question

如何在jQuery中阻止自定义事件冒泡？

例如，我有以下代码：

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

如何让触发事件仅在冒泡时第一个元素上被触发一次？我可以只添加 return false 吗？

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

- Stann

Answer 1

根据jQuery的文档：

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

- Daniel T.

Answer 2

使用 event.stopPropagation();。

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

你也可以使用return false，但 two 二者之间有微妙的区别，因为返回false还会调用event.preventDefault();

- Russ Cam

Answer 3

针对IE < 9 的支持：

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

- David Sherret

Answer 4

这可能不是太好，但

return false;

return false会同时执行stopPropagation和event.preventDefault...

如果你只想要其中一个，可以根据你的选择进行选择。

请阅读这篇文章，这是来自SO的内容。

return false实际上是同时执行了preventDefault和stopPropogation。

preventDefault会阻止默认事件的发生，stopPropagation会阻止事件冒泡，而return false会同时执行两者。

- kobe

---

这太棒了，stopPropagation 在我的情况下失败了，我猜是因为同一个元素上有太多事件（第三方）。 - undefined

Answer 5

http://api.jquery.com/event.stopPropagation/

- Codler