keyup

Событие keyup срабатывает, когда клавиша была отпущена.

Bubbles Yes
Cancelable Yes
Interface KeyboardEvent
Event handler property onkeyup

События keydown и keyup показывают то, что клавиша была нажата, в то время как keypress показывает то, какой символ был введён. Например, прописную "a" keydown и keyup сообщат как 65, а keypress сообщит как 97. Заглавную же "A" все события сообщают как 65.

Примеры

Примеры addEventListener keyup

Этот пример отображает значение KeyboardEvent.code всякий раз, когда вы отпускаете клавишу внутри <input> элемента.

<input placeholder="Кликните здесь, затем нажмите и отпустите клавишу." size="40">
<p id="log"></p>
const input = document.querySelector('input');
const log = document.getElementById('log');

input.addEventListener('keyup', logKey);

function logKey(e) {
  log.textContent += ` ${e.code}`;
}

Аналог onkeyup

input.onkeyup = logKey;

Спецификации

Спецификация Статус
UI Events Рабочий черновик

Совместимость с браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
keyup eventChrome Полная поддержка ДаEdge Полная поддержка ДаFirefox Полная поддержка ДаIE ? Opera ? Safari ? WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка ДаOpera Android ? Safari iOS ? Samsung Internet Android ?

Легенда

Полная поддержка  
Полная поддержка
Совместимость неизвестна  
Совместимость неизвестна

Смотрите также