--- title: keyup slug: Web/API/Element/keyup_event translation_of: Web/API/Element/keyup_event ---
{{APIRef}}

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

Bubbles Yes
Cancelable Yes
Interface {{domxref("KeyboardEvent")}}
Event handler property {{domxref("GlobalEventHandlers.onkeyup", "onkeyup")}}

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

Примеры

Примеры addEventListener keyup

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

{{EmbedLiveSample("Примеры_addEventListener_keyup")}}

Аналог onkeyup

input.onkeyup = logKey;

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

{{Specifications}}

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

{{Compat("api.Element.keyup_event")}}

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