如何防止併發的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> 

當我們點擊股利（ID =一些-DIV）彈出消息來，但是當我點擊鏈接（CLASS =鏈接點擊）我需要運行另一個JavaScript函數。但事情是當我點擊鏈接點擊它也運行一些功能。意味着點擊兩個函數都可以運行。

我該如何防止併發的javascript函數執行。我也使用jquery。 謝謝

Answer 1

您可以使用event.stopPropagation()來避免讓事件冒泡DOM樹。

Answer 2

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