keyup

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Событие 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> элемента.

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

input.addEventListener("keyup", logKey);

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

Аналог onkeyup

js
input.onkeyup = logKey;

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

Specification
UI Events
# event-type-keyup
HTML Standard
# handler-onkeyup

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

BCD tables only load in the browser

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