我有一个表格,其中一行包含一个单元格内的按钮。 <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>
这可能吗?
答案 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();
});