javascript點擊動作觸發兩個動作

Question

I have the following html: 

<div class="title-block"> 
    <span class="date">Apr 09, 2013</span> 
    <span class="invoice">Invoice #1365512756</span> 
    <span class="retail-price">Rp 270000</span> 
    <span class="arvo-regular button green confirm-payment" data-id="2">Confirm Payment</span> 
    <img src="/bundles/shopiousmain/img/dashboard-li-down-arrow.png"> 
</div> 

類標題塊有一個javascript click動作綁定到它，類按鈕也有一個與它相關的點擊動作。問題是，當我點擊按鈕時，它也會觸發標題塊單擊操作。我如何使它不會傳播？

Answer 1

事情是這樣的，如果你正在使用jQuery

$("#buttonClass").click(function(e) { 
    // mouse click on button 
    e.stopPropagation(); 
}); 

JS

function doSomething (e) { 
    var event = e || window.event; 
    if (event.stopPropagation) { 
    event.stopPropagation(); 
    } else { 
    event.cancelBubble = true; 
    } 
}