пример
Выполнение JavaScript , когда пользователь изменяет выбранный вариант в <select> элемента:
<select onchange="myFunction()"> Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
OnChange событие происходит, когда значение элемента было изменено.
Для радиокнопок и флажков, в OnChange событие происходит, когда проверяется состояние было изменено.
Совет: Это событие похоже на oninput события. Разница заключается в том, что oninput событие происходит сразу же после того, как значение элемента изменилось, в то время как OnChange происходит, когда элемент теряет фокус, после того, как содержание было изменено. Другим отличием является то , что OnChange событие также работает на <keygen> и <select> элементов.
Поддержка браузеров
| Мероприятие | |||||
|---|---|---|---|---|---|
| onchange | да | да | да | да | да |
Синтаксис
В HTML:
В JavaScript:
object .onchange=function(){ Попробуй сам " В JavaScript, используя addEventListener() метод:
object .addEventListener("change", myScript );
Попробуй сам " Примечание: addEventListener() метод не поддерживается в Internet Explorer 8 и более ранних версий.
Технические подробности
| Пузыри: | да |
|---|---|
| аннулированию: | нет |
| Тип события: | Мероприятие |
| Поддерживаемые HTML-теги: | <Входной тип = "флажок"> <входной тип = "цвет"> <входной тип = "дата"> <входной тип = "Дата и время"> <входной тип = "электронная почта">, <входной тип =» файл "> <входной тип =" месяц "> <входной тип =" число "> <входной тип =" пароль "> <входной тип =" радио "> <входной тип =" диапазон ">, < тип ввода = "поиск"> <входной тип = "тел">, <входной тип = "текст"> <входной тип = "время"> <входной тип = "URL">, <входной тип = "неделя «> <серийник>, <select> и <textarea> |
| DOM Версия: | Уровень 2 События |
Еще примеры
пример
Выполнение JavaScript, когда пользователь изменяет содержимое поля ввода:
<input type="text"
onchange="myFunction()">
Попробуй сам " <Объект Event