Событие onchange

События DOM Объект Event

Определение и использование

Событие onchange происходит при изменении значения элемента.

Для флажков и переключателей происходит событие onchange при изменении состояния выбора.

Совет:Это событие类似о Событие oninput. Разница заключается в том, что событие oninput возникает сразу после изменения значения элемента, а событие onchange возникает после того, как элемент потерял фокус и его содержимое изменилось. Другое отличие заключается в том, что событие onchange также применяется к элементам <select>.

Пример

Пример 1

Запуск JavaScript при изменении пользователем выбранного элемента в элементе <select>:

<select onchange="myFunction()">

Попробуйте сами

Пример 2

Запуск JavaScript при изменении пользователем содержимого поля ввода:

<input type="text" onchange="myFunction()">

Попробуйте сами

Синтаксис

В HTML:

<элемент onchange="myScript">

Попробуйте сами

В JavaScript:

объект.onchange = function(){myScript};

Попробуйте сами

В JavaScript, используя метод addEventListener():

объект.addEventListener("change", myScript);

Попробуйте сами

Комментарий:Internet Explorer 8 и более ранние версии не поддерживают Метод addEventListener().

Технические детали

Бubbling: Поддержка
Может быть отменено: Не поддерживается
Тип события: 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 событий

Поддержка браузеров

События Chrome IE Firefox Safari Opera
Событие onchange Поддержка Поддержка Поддержка Поддержка Поддержка
События DOM Объект Event