GlobalEventHandlers.onkeyup
Властивість onkeyup
спільно з GlobalEventHandlers
є EventHandler
(en-US) обробляє події keyup (en-US)
.
Подія keyup
спрацьовує, коли користувач відпускає раніше натиснуту клавішу клавіатури.
Синтаксис
target.onkeyup = functionRef;
Значення
functionRef
це ім'я функції або вираз функції. В якості єдиного аргументу функція отримує об'єкт KeyboardEvent
(en-US).
Приклад
У цьому прикладі виводитимуться значення KeyboardEvent.code
(en-US) щоразу, коли ви відпускаєте клавішу всередині елемента <input>
.
HTML
<input>
<p id="log"></p>
JavaScript
const input = document.querySelector('input');
const log = document.getElementById('log');
input.onkeyup = logKey; //
function logKey(e) {
log.textContent += ` ${e.code}`; //Видає у тегу <p> ключ натиснутої клавіші
}
Підсумок
Специфікації
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of 'onkeyup' in that specification. |
Living Standard |
Сумісність з браузерами
BCD tables only load in the browser
Нотатки щодо сумісності
Так як Firefox 65, події клавіатури і ключа тепер запускаються під час складання IME, для поліпшення крос-браузерної сумісності для користувачів CJKT (bug 354358, також більш детальну інформацію дивіться keydown and keyup події наразі запускаються під час складання IME. Щоб проігнорувати всі події keyup
, зробіть щось на зразок цього (229 це спеціальний набір значень для keyCode
що відноситься до читу, який був використаний IME):
eventTarget.addEventListener("keyup", event => {
if (event.isComposing || event.keyCode === 229) {
return;
}
// зробити що-небудь
});
Див. також
- Подія
keyup (en-US)
- Пов'язані обробники подій