单击事件冒泡问题

Question

我有一个拥有它自己的点击事件的div。在那个div中，我也有一个链接。

我的问题是，点击div，展开并折叠它。但是，如果单击该链接，我不希望它展开或折叠。我如何实现这一目标？

<div class="module">
    BLA BLA BLA BLA BLA BLA BLA BLA BLA <a href="http://www.google.com">Googs</a>
</div>

Answer 1

使用链接上的stopPropagation（）来避免上链

内联

<div class="module">
    BLA BLA BLA BLA BLA BLA BLA BLA BLA 
    <a href="http://www.google.com" onClick="event.stopPropagation();">Googs</a>
</div>

的jquery 的 demo

$("a").click(function(e){
    e.stopPropagation();
});

Answer 2

event.stopPropagation（）将阻止事件传递给父处理程序。 E.g：

$('.module > a').on('click', function(e) {
    // do stuff, or not
    e.stopPropagation();
});