change
Обновлено: 22.03.2023
Визначення та використання
Подія onchangeвиникає, коли змінюється значення елемента HTML .
Порада. Ця подія схожа на подію oninput . Різниця полягає в тому, що подія oninput відбувається одразу після зміни значення елемента, тоді як onchange відбувається, коли елемент втрачає фокус, після того, як вміст було змінено. Інша відмінність полягає в тому, що подія onchange також працює з елементами <select>.
Приклад
Виклик функції, коли користувач змінює вибраний параметр елемента <select>:
<select onchange="myFunction()">Синтаксис
У HTML:
<element onchange="myScript">
У JavaScript:
object.onchange = function(){myScript};
У JavaScript за допомогою методу addEventListener():
object.addEventListener("change", myScript);
Технічні деталі
| Бульбашки: | Так |
|---|---|
| Скасовано: | Немає |
| Тип події: | Подія |
| Теги 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 |