html подія onchange

HTML подія onchange спрацьовує в той момент, коли значення елемента змінюється.

Ця подія схожа на подію oninput. Різниця в тому, що подія oninput відбувається відразу ж після зміни значення елемента, в той час коли onchange відбувається, коли елемент втрачає фокус.

Інша відмінність в тому, що onchange подія працює на <select> та <keygen>, на відмінну від oninput.

правити

Нотатка

Слід враховувати, що подія onchange настає далеко не для всіх елементів форми, тому й обробка його виконується для:

1.текстових полів при втраті фокуса після зміни значення
2.випадаючих списків (select)
3.полів для введення чисел (number)
4.повзунків (range)

автор: с3с правити

+ додати пораду чи нотатку

Синтаксис

<element onchange="script">

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	Так	Так	Так	Так	Так

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

<select onchange="console.log('Обрано: ' + this.value)">
    <option value="">— вибери напій —</option>
    <option value="кава">кава</option>
    <option value="чай">чай</option>
</select>