阻止按钮单击激活oncl​​ick事件

时间:2014-03-28 14:13:06

标签: javascript jquery css html-table

我有一个表格,其中一行包含一个单元格内的按钮。 <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>

这可能吗?

2 个答案:

答案 0 :(得分:17)

您可以使用 event.stopPropagation()

  

阻止事件冒泡DOM树,防止任何事件   家长处理人员被告知该事件。

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

答案 1 :(得分:5)

这是事件冒泡,导致父点击被激活。

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

如果您的浏览器是IE&lt; 9,请尝试:

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

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