單擊側面選擇標記不會觸發點擊事件

Question

我不知道是否有人曾經解決過這個問題，但似乎是Firefox中的錯誤，我找不到解決的辦法。

如何重現該錯誤：

1. 在文檔上添加事件監聽器，例如單擊或鼠標按下
2. 然后打開文檔上的所有選擇標簽
3. 在選擇標簽外單擊

預期：在選擇標簽之外單擊后觸發事件

我需要檢測用戶是否在選擇標記之外單擊了嗎？

Answer 1

當您單擊 <select> HTML對象時 ，瀏覽器（更具體地說是Firefox的較舊版本）會在文檔中添加一個背景，並在其中進行單擊，以在您對<select>進行外部單擊后將其關閉。 （也被認為有助於防止誤點擊）。

我剛剛在Firefox 53.0上對其進行了測試，並且運行良好（ <select>打開后觸發了onclick ）。 mousedown立即模糊（將選擇設置為焦點外）並關閉它。 也許，您可以共享一些代碼或JSFiddle URL。

具有<button>具有onclick 事件的簡單HTML <select> （嘗試使用Firefox 53.0）

 <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select> <button onclick="alert('Clicked')">M</button> 

Answer 2

@Zerfir，請在Firefox 62.0（64位）上嘗試使用此代碼段

打開選擇標簽並將鼠標懸停在按鈕上，它不應像chrome那樣更改文本。

 <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select> <button onmouseenter="this.innerHTML = Math.random();">M</button>