防止按鈕單擊激活<tr> onclick事件

Question

我有一個表格，其中一個單元格中包含按鈕。 <tr>有一個onclick事件。我希望按鈕可以獨立於<tr> onclick進行操作，但可以在同一行內操作。

HTML：

<tr onclick="$trigger();"> 
    <td>Data A</td> 
    <td>Data B</td> 
    <td>Data C</td> 
    <td><button onclick="$buttonClicked();">Submit</button></td> 
</tr> 

這可能嗎？

Answer 1

您可以使用event.stopPropagation()：

冒泡DOM樹，阻止任何 父處理程序被通知的事件阻止事件。

$('button').click(function(event) { 
    event.stopPropagation(); 
}); 

Answer 2

這是事件冒泡，這是造成父點擊激活。

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

如果你的瀏覽器是IE < 9，試試這個：

$('button').click(function(e) { 
    e.cancelBubble(); 
}); 

http://www.quirksmode.org/js/events_order.html