如何确定嵌套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（）作为按钮的单击处理程序的一部分来调用，以防止click事件冒泡到表格单元格。文档：http://api.jquery.com/event.stopPropagation/