javascript - 如果单击链接内部的元素，如何防止默认链接行为

Question

我有一个如下所示的链接:

<a href="page.html" class="myLink">
  Link text
  <div class="toggle">x</div>
</a>

当他们点击切换中的x时，我想阻止链接导航，但如果他们点击链接文本，我希望链接导航。

我尝试过这个:

$('.toggle').click(function(event) { $(this).parents('a').preventDefault(); });

但是好像没有效果。

Answer 1

要停止从单击的元素到外部 a 的传播，您必须调用 stopPropagation 。但在这里你可以简单地返回 false (这既会停止传播又会阻止默认行为):

$('.toggle').click(function(event) {
    // do interesting things   
    return false
});