Событие oninput
Событие возникает, когда пользователь что-то вводит в текстовом поле формы (<input> или <textarea>), и меняет его значение.
Событие oninput похоже по своему действию на onchange, разница в следующем: oninput срабатывает сразу в момент изменения текста, onchange срабатывает только после потери элементом фокуса.
Синтаксис
oninput="<скрипт>"
Значения
См. скрипт.
Пример
Код примера скопирован в буфер
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Событие oninput</title> </head> <body> <p><input class="login" placeholder="Введите логин" oninput="isEmptyValue()"></p> <p><button disabled class="btn-next">Продолжить</button></p> </body> </html>
В данном примере пока текстовое поле пустое, кнопка остаётся блокированной. Как только в поле вводится произвольный текст, кнопка становится доступной для нажатия.
Браузеры
10 | 79 | 3 | 11.6 | 3.1 | 6 |
4.4 | 6 | 12 | 2 |