Событие onchange
Пример
Выполнение JavaScript, когда пользователь изменяет выбранную опцию элемента <select>:
<select onchange="myFunction()">
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Событие onchange возникает, когда значение элемента было изменено.
Для радиокнопок и флажков событие onchange возникает при изменении состояния Checked.
Совет: это событие похоже на событие oninput . Разница в том, что событие oninput происходит сразу после изменения значения элемента, а событие onchange происходит, когда элемент теряет фокус после изменения содержимого. Другое отличие состоит в том, что событие onchange также работает с элементами <select>.
Поддержка браузера
Event | |||||
---|---|---|---|---|---|
onchange | Yes | Yes | Yes | Yes | Yes |
Синтаксис
В HTML:
<element onchange="myScript">
В JavaScript:
object.onchange = function(){myScript};
В JavaScript с помощью метода addEventListener():
object.addEventListener("change", myScript);
Примечание. Метод addEventListener() не поддерживается в Internet Explorer 8 и более ранних версиях.
Технические детали
Пузыри: | да |
---|---|
Отменяемо: | Нет |
Тип события: | Событие |
Поддерживаемые HTML-теги: | <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type=" файл">, <тип ввода="месяц">, <тип ввода="число">, <тип ввода="пароль">, <тип ввода="радио">, <тип ввода="диапазон">, < input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week ">, <выбрать> и <текстовое поле> |
Версия ДОМ: | События уровня 2 |
Дополнительные примеры
Пример
Выполнение JavaScript, когда пользователь изменяет содержимое поля ввода:
<input type="text"
onchange="myFunction()">