OnChange событие
Выполнение JavaScript , когда пользователь изменяет выбранный вариант в элемента:
Больше «Try it Yourself» примеры ниже.
Определение и использование
OnChange событие происходит, когда значение элемента было изменено.
Для радиокнопок и флажков, в OnChange событие происходит, когда проверяется состояние было изменено.
Совет: Это событие похоже на oninput события. Разница заключается в том, что oninput событие происходит сразу же после того, как значение элемента изменилось, в то время как OnChange происходит, когда элемент теряет фокус, после того, как содержание было изменено. Другим отличием является то , что OnChange событие также работает на и элементов.
Поддержка браузеров
| Мероприятие | |||||
|---|---|---|---|---|---|
| onchange | да | да | да | да | да |
HTML атрибут-событие onchange
Событие onchange возникает, когда значение элемента изменяется.
Событие onchange похоже на событие oninput. Разница заключается в том, что событие oninput возникает сразу же после того, как значение элемента изменено, в то время как событие onchange возникнет только после того, когда измененный элемент потеряет фокус. Еще одно отличие состоит в том, что атрибут onchange можно использовать с элементами и .
Особенности
Поддерживаемые HTML теги: , , , , , , , , ,
Синтаксис атрибута
Значения атрибута
| Значение | Описание |
|---|---|
| script | Скрипт, исполняющийся при возникновении события |
Пример использования атрибута
Запускает скрипт, когда пользователь изменяет содержимое поля ввода:
HTML атрибут событий onchange
Атрибут событий onchange позволяет задать срабатывание скрипта при изменении значений элемента.
Это событие аналогично событию oninput
. Разница заключается в том, что событие oninput происходит сразу после того как значение элемента изменилось, а событие onchange происходит, когда элемент теряет фокус. Другим отличием является то, что событие onchange имеет более широкую поддержку браузерами и работает с такими элементами как , и более расширено с элементом .
Поддержка браузерами
| Атрибут событий | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|
| onchange | Да | Да | Да | Да | Да | Да |
Синтаксис
onchange = "script" >
Пример использования
Пример вывода текста, набранного в элементе при смене фокуса, используя атрибут событий onchange . Обратите внимание, что если бы мы использовали атрибут событий oninput, то текст отображался бы сразу, а не при смене фокуса.
Событие onchange Набирите произвольный текст и уберите фокус с элемента: type = "text" name = "testInput" id = "testInput" onchange = "testFunction()"> id = "info2" > function testFunction() var x = document.getElementById("testInput").value; document.getElementById("info2").innerHTML = "Вы набрали следующий текст: " + x; >