keyup

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

Bubbles Yes
Cancelable Yes
Interface KeyboardEvent
Event handler property onkeyup (en-US)

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

Примеры

Примеры addEventListener keyup

Этот пример отображает значение KeyboardEvent.code (en-US) всякий раз, когда вы отпускаете клавишу внутри <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

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