防止在點擊行內的按鈕時觸發表格行onclick事件

我有一個帶有ONCLICK事件的表格行（用於切換下面的其他數據）。在其中一個行單元格中，我有一個按鈕（點擊時執行AJAX操作）。當我點擊按鈕時 - 行的onclick事件也會觸發，並且會發生額外的數據出現在AJAX調用完成之前（這對我來說是不好的行爲）。任何想法如何才能解決這個優雅？（沒有標識並將其編碼到該行的onclick代碼中）謝謝防止在點擊行內的按鈕時觸發表格行onclick事件

來源

2011-06-27 Guy

將event.stopPropagation();添加到您的按鈕click處理程序。欲瞭解更多信息，看看here和here。

來源

2011-06-27 10:49:39 Niklas

指示我確切的解決方案。謝謝！！ – Guy

直接鏈接爲懶！ - 像魅力一樣工作，禁用表格行事件處理程序的開火，但仍允許點擊表格數據中的鏈接！ - https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Examples#Example_5:_Event_Propagation –

如果你不喜歡的JavaScript的解決方案，在很多情況下，一個CSS的解決方案是可能的：

style="pointer-events: none;"

這會剿的<tr> onclick事件。

但是，在某些情況下，我仍然遇到了似乎無法工作的問題。在大多數情況下，我只是使用上面的樣式。

來源

2017-09-24 05:00:48 John

防止在點擊行內的按鈕時觸發表格行onclick事件

回答

相關問題