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 # handler-onkeyup |