如何確定嵌套JavaScript事件的優先級？

Question

我在表格單元格內有一個編輯按鈕。

表格單元格事件具有一個“ click”事件，而單元格內部的“編輯”按鈕具有另一個單擊事件。

有沒有一種方法可以使按鈕事件優先於表格單元事件？

我嘗試為該按鈕使用其他的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/