пример
Выполнение JavaScript , когда пользователь пишет что - то в <input> поле:
<input type="text" oninput="myFunction()"> Попробуй сам " Определение и использование
Oninput событие происходит, когда элемент получает ввод данных пользователя.
Это событие происходит , когда значение из <input> или <textarea> элемент изменено.
Совет: Это событие похоже на OnChange событие. Разница заключается в том, что oninput событие происходит сразу же после того, как значение элемента изменилось, в то время как OnChange происходит, когда элемент теряет фокус, после того, как содержание было изменено. Другим отличием является то , что OnChange событие также работает на <keygen> и <select> элементов.
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает событие.
| Мероприятие | |||||
|---|---|---|---|---|---|
| oninput | да | 9,0 | 4,0 | 5.0 | да |
Синтаксис
В HTML:
В JavaScript:
object .oninput=function(){ Попробуй сам " В JavaScript, используя addEventListener() метод:
object .addEventListener("input", myScript );
Попробуй сам " Примечание: addEventListener() метод не поддерживается в Internet Explorer 8 и более ранних версий.
Технические подробности
| Пузыри: | да |
|---|---|
| аннулированию: | нет |
| Тип события: | Мероприятие |
| Поддерживаемые HTML-теги: | <Входной тип = "цвет"> <входной тип = "дата"> <входной тип = "Дата и время"> <входной тип = "электронная почта">, <входной тип = "месяц"> <входной тип =» номер "> <входной тип =" пароль "> <входной тип =" диапазон "> <входной тип =" поиск "> <входной тип =" тел "> <входной тип =" текст ">, < тип ввода = "время"> <входной тип = "URL">, <input type="week"> и <textarea> |
| DOM Версия: | Уровень 3 События |
<Объект Event