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

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

Атрибут событий onkeyup позволяет задать срабатывание скрипта после того, как нажатая клавиша была отпущена.

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

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

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

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

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

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

Возможность	Компьютеры					Мобильные
	ChromeChrome	EdgeEdge	FirefoxFirefox	OperaOpera	SafariSafari	Chrome AndroidChromeAndroid	Firefox for AndroidFirefoxAndroid	Opera AndroidOperaAndroid	Safari on iOSSafariiOS	Samsung BrowserSamsungAndroid	WebView AndroidWebViewAndroid	WebView on iOSWebViewiOS
keyup event	✓1	✓12	✓6	✓≤12.1	✓1.2	✓18	✓6	✓≤12.1	✓1	✓1.0	✓4.4	✓1

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

Синтаксис

<element onkeyup = "script" >

event.key описывает отпущенную клавишу с учётом раскладки. Событие получает элемент с фокусом в этот момент: после нажатия Tab он может отличаться от получившего keydown. Для отслеживания значения поля используйте input.

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

Событие keyup

Нажмите ▶. Введите символ и отпустите клавишу.

index.html

HTML

<input type="text" id="name" />

main.js

JavaScript

function keyboardTest() {
    var x = document.getElementById('name')
    x.value = x.value.toUpperCase()
}

document.querySelector('input').addEventListener('keyup', keyboardTest)

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

Где возникает событие

Атрибут можно задавать HTML-элементам, но возникновение события зависит от взаимодействия и состояния элемента. Наличие обработчика само по себе не делает элемент фокусируемым, редактируемым или перетаскиваемым.