javascript - 如何优先考虑嵌套 JavaScript 事件？

Question

我在表格单元格中有一个编辑按钮。

表格单元格事件有一个“点击”事件，单元格内的编辑按钮设置了另一个点击事件。

有没有办法将按钮事件优先于表格单元格事件？

我尝试为按钮使用不同的 z-index，但它不起作用。

该按钮不能超出表格，因为它最接近的 tr 保存 id 数据，这对于正确的事件运行至关重要。

Answer 1

在按钮的点击处理程序中，您只需要调用event.stopPropagation().

element.onclick= function(event) {
    // ...
    event.stopPropagation();
    // ...
}

查看有关冒泡和捕获事件的教程，例如http://javascript.info/tutorial/bubbling-and-capturing

Answer 2

您可以调用 event.stopPropagation() 作为按钮的单击处理程序的一部分，以防止单击事件冒泡到表格单元格。文档：http ://api.jquery.com/event.stopPropagation/