Как использовать e.preventDefault внутри onChange для выбора тега - PullRequest
Новая
       95

Как использовать e.preventDefault внутри onChange для выбора тега

0 голосов
/ 29 апреля 2020

Есть ли способ остановить изменение значения тега select с помощью preventDefault. Я могу предотвратить изменение значения ввода с помощью event.preventDefault, но не могу помешать тегу select изменить значение.

Вот пример кода: 

document.getElementById('my-select').addEventListener('select', function(event) {
  event.preventDefault()
});

document.getElementById('my-input').addEventListener('keypress', function(event) {
	event.preventDefault()
});
<select id="my-select">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

<input type="text" id="my-input">

1 Ответ

0 голосов
/ 29 апреля 2020

Слушатель события select должен иметь значение «change» вместо .addEventListener («select» ...

Однако событие change в элементе select HTML не может быть отменено, чтобы вызвать warnDefault () Если вы зарегистрируете объект события, вы увидите, что его свойство отменяемого состояния установлено в значение false. Возможно, вы можете отключить элемент select.

...