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>
элемента.
<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}`;
}
Аналог onkeyup
input.onkeyup = logKey;
Спецификации
Specification |
---|
UI Events # event-type-keyup |
HTML # handler-onkeyup |
Совместимость с браузерами
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
keyup event |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support