keyup

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 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></p>

const input = document.querySelector("input");const log = document.getElementById("log");input.addEventListener("keyup", logKey);function logKey(e) {  log.textContent += ` ${e.code}`;}