如何防止并发javascript执行？

Question

我有像这样的HTML代码块

<div id="some-div">
    <a href="#" class="link-click">some link text</a>
    <div id="small-text">here is the small text</div>
    //another text block 
</div>

<script type="text/javascript">
  $('#some-div').click(function(){//some task goes here});
  $('.link-click').click(function(){//some task goes here for link});
  $('#small-text').click(function(){//some task goes here for small div});
</script>

当我们点击div（id = some-div）弹出消息时，但是当我点击链接（class = link-click）时，我需要运行另一个javascript函数。但事情是，当我点击链接点击它也运行some-div功能。意味着点击两个函数都会运行。

如何防止并发javascript函数执行。我也在使用jquery。 感谢

Answer 1

您可以使用event.stopPropagation()来避免事件冒泡DOM树。

Answer 2

$('.link-click').click(function(e){
  e.stopPropagation();
});