onchange
Пример
Запустить JavaScript, когда пользователь изменяет выбранную опцию элемента <select>:
<select onchange="myFunction()">
Попробуйте сами »
Ещё примеры "Попробуйте сами" ниже.
Определение и использование
Событие onchange
происходит, когда значение элемента было изменено.
Для радиокнопок и флажков событие onchange
возникает приизменении состояния checked.
Совет
Это событие похоже на событие oninput. Разница в том, что событие oninput происходит сразу после изменения значения элемента, в то время как происходит onchange, когда элемент теряет фокус, после изменения содержимого. Другое отличие заключается в том, что событие onchange также работает с элементом <select>.
Поддержка браузера
Событие | |||||
---|---|---|---|---|---|
onchange | Да | Да | Да | Да | Да |
Синтаксис
В JavaScript, используйте метод addEventListener():
object.addEventListener("change", myScript);
Попробуйте сами »
Технические подробности
Пузыри: | Да |
---|---|
Отменяемый: | Нет |
Event type: | Event |
Поддержка HTML тегов: | <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="file">, <input type="month">, <input type="number">, <input type="password">, <input type="radio">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week">, <select> и <textarea> |
DOM Версия: | События 2 уровня |
Ещё примеры
Пример
Выполнить JavaScript, когда пользователь изменяет содержимое поля ввода:
<input type="text"
onchange="myFunction()">
Попробуйте сами »