Chrome 中的禁用按鈕仍會在觸摸時觸發

Question

在 Chrome 瀏覽器中，我注意到在使用“touchend”或“pointerup”事件時，禁用的按鈕元素仍在觸發。 我在設備仿真模式下的 Chrome 桌面 (mac) 和 Surface 上的 Chrome 中看到了這一點。 這在其他瀏覽器上似乎不是問題。

// neither of these seem to have an effect on touch/pointer events
button.disabled = true;
button.setAttribute('disabled', 'disabled');

明顯的修復只針對鼠標事件，但我寧願沒有延遲時間讓它在觸摸設備上觸發。 我假設這是一個 Chrome 問題，而不是我的代碼，但我想我想看看可能是我，或者其他人是否找到了實用的解決方法。

Answer 1

我遇到了同樣的問題，正如@bigless 所建議的那樣，CSS 下面也對我有用。

button:disabled { pointer-events: none };