javascript - 嵌套 HTML 元素中的冲突事件

Question

我有嵌套的事件监听器。他们正是

<tr onclick="function1();">
<td>....</td>
<td onclick="function2();">....</td>
</tr>

当单击第二个单元格时，只应调用 function2() 而不是 function1()。有什么办法吗？

Answer 1

可以使用 event.stopPropagation 停止事件

function(e) {
   var event = e || window.event;
   event.stopPropagation();
}

有关更多讨论，请参阅此处的答案:How to stop event propagation with inline onclick attribute?