Событие oninput
Пример
Выполняйть JavaScript, когда пользователь что-то пишет в поле <input>:
<input type="text" oninput="myFunction()">
Попробовать »
Ещё примеры "Попробуйте сами" ниже.
Определение и использование
Событие oninput
возникает, когда элемент получает пользовательский ввод.
Это событие происходит, когда изменяется значение элемента <input> или <textarea>.
Совет
Это событие похоже на событие onchange. Разница в том, что событие oninput происходит сразу после изменения значения элемента, в то время как onchange происходит, когда элемент теряет фокус, после изменения содержимого. Другое отличие заключается в том, что событие onchange также работает с элементами <select>.
Поддержка браузера
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает событие.
Событие | |||||
---|---|---|---|---|---|
oninput | Да | 9.0 | 4.0 | 5.0 | Да |
Синтаксис
В JavaScript, используйте метод addEventListener():
object.addEventListener("input", myScript);
Попробовать »
Технические подробности
Пузыри: | Да |
---|---|
Отменяемый: | Нет |
Тип события: | Event, InputEvent |
Поддержка HTML тегов: | <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="month">, <input type="number">, <input type="password">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week"> и <textarea> |
DOM Версия: | События 3 уровня |
Ещё примеры
Пример
Ползунок диапазона - как динамически обновлять значение ползунка:
<input type="range" oninput="myFunction(this.value)">
Попробовать »