HTML атрибут событий oninput

Значение и применение

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

Это событие аналогично событию onchange. Разница заключается в том, что событие oninput происходит сразу после того как значение элемента изменилось, а событие onchange происходит, когда элемент теряет фокус. Другим отличием является то, что событие onchange имеет более широкую поддержку браузерами и работает с такими элементами как <keygen>, <select> и более расширено с элементом <input>.

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

Спецификации: uievents, multipage

✓Поддерживается во всех основных браузерах с 2020 года.

Показать браузеры

ВсеКомпьютерыМобильные

Совместимостьapi.Element.input_event

Возможность	Компьютеры					Мобильные
	ChromeChrome	EdgeEdge	FirefoxFirefox	OperaOpera	SafariSafari	Chrome AndroidChromeAndroid	Firefox for AndroidFirefoxAndroid	Opera AndroidOperaAndroid	Safari on iOSSafariiOS	Samsung BrowserSamsungAndroid	WebView AndroidWebViewAndroid	WebView on iOSWebViewiOS
input event	✓1	✓79… Версия 79 выпущена в 2020 г. Версия 12 выпущена в 2015 г. — Удалено в 79; Частичная поддержка Примечание MDN (англ.) Not supported on select, checkbox, or radio inputs.	✓6	✓11.6	✓3.1	✓18	✓6	✓12	✓2	✓1.0	✓4.4	✓2

✓поддерживается◐с ограниченияминет поддержки?нет данных≤31 — не позднее версии 31

Синтаксис

<element oninput = "script" >

Примеры, попробуйте сами

<input type="text" name="testInput" id="testInput" />
<p id="info"></p>

function testFunction() {
    var x = document.getElementById('testInput').value
    document.getElementById('info').innerHTML = 'Вы набираете следующий текст: ' + x
}

document.getElementById('testInput').addEventListener('input', testFunction)

Отличия HTML 4.01 от HTML 5

Атрибут событий oninput является новым в HTML5.

Поддерживаемые теги

<input> (type = "password | search | text") и <textarea>.