Нажатие на боковую метку выбора не запускает событие щелчка

Question

Я не знаю, сталкивался ли кто-то с этой проблемой раньше или нет, но похоже, что это ошибка в Firefox, я не могу найти способ обойти ее.

Как воспроизвести ошибку:

1. Добавить прослушиватель событий в документ, например, щелчок или mousedown
2. Затем откройте любой выбранный тег на документе
3. Щелкните за пределами выделенного тега

Ожидается: чтобы запустить событие после нажатия за пределами тега выбора

Мне нужно определить, нажал ли пользователь за пределами тега выбора или нет?

Answer 1

@ 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>

Answer 2

Когда вы нажимаете <select> HTML-объект , браузер (точнее, более старые версии Firefox) добавляет в документ back-drop и прослушивает щелчок внутри него вчтобы закрыть <select> после того, как вы выполните щелчок вне его (также считается полезным для предотвращения неправильного нажатия).

Я только что протестировал его на Firefox 53.0, и он работал нормально (onclick срабатывает после <select> был открыт).Вкл. mousedown мгновенно размывает (выводит выделение из фокуса) и закрывает его.Возможно, вы могли бы поделиться некоторым кодом или URL-адресом JSFiddle.

Простой HTML <select> с <button>, имеющим onclick событие (Попробуйтес 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>