Событие onchange
Пример onchange
Вызвать функцию, когда пользователь изменяет выбранную опцию элемента <select>:
<select onchange="myFunction()">
Попробуйте сами »
Ещё примеры
Описание onchange
Событие onchange происходит, когда изменяется значение элемента HTML.
Совет: это событие похоже на событие oninput. Разница в том, что событие oninput происходит сразу после изменения значения элемента, а onchange происходит, когда элемент теряет фокус, после изменения содержимого. Другое отличие в том, что событие onchange также работает с элементами <select>.
Синтаксис onchange
В JavaScript, используется метод addEventListener():
object.addEventListener("change", myScript);
Попробуйте сами »
Технические детали onchange
| Bubbles: | Да |
|---|---|
| Cancelable: | Нет |
| Тип событий: | 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-го уровня |
Ещё примеры onchange
Вызовите функцию, когда пользователь изменяет содержимое поля ввода:
<input type="text"
onchange="myFunction()">
Попробуйте сами »
Поддержка onchange
onchange является функцией DOM Уровень 2 (2001).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |