Событие oninput | описание, примеры

Событие oninput происходит в момент, когда элемент управления формы меняет свое значение.

Применимо к:

input, select, textarea

Поддержка браузерами

Действия, вызывающие данное событие

• Ввод текста в элемент.
• Вырезка, удаление или вставка контента.
• Отпускание перетянутого контента на элемент(Safari и Chrome).

Пример

<div>
<p>Выделите этот текст и перетяните его на редактируемые области (работает в Safari и Chrome).</p>
<input type="text" value="Введите текст" oninput="alert('Вы изменили значение текстового поля')"/>
<textarea cols="40" rows="5" oninput="alert('Вы изменили значение текстового поля')">Введите текст в текстовое поле</textarea>
</div>

Заметки

Для IE вместо oninput используется событие onpropertychange.

Для тега textarea в Safari и Chrome вместо oninput используется событие textInput (в HTML это событие не отображается).

Событие oninput происходит когда элемент управления формы еще не потерял фокус. Если нужно, чтобы действие происходило в момент потери фокуса элементом, используйте событие onchange.

В спецификации HTML 4.01 событие oninput отсутствует!