Властивість onkeydown
спільно з GlobalEventHandlers
є EventHandler
обробляє події keydown
.
Подія keydown
спрацьовує, коли користувач натискає клавішу клавіатури.
Синтаксис
target.onkeydown = functionRef;
Значення
functionRef
це ім'я функції або вираз функції. В якості єдиного аргументу функція отримує об'єкт KeyboardEvent
.
Приклад
У цьому прикладі виводитимуться значення KeyboardEvent.code
щоразу, коли ви натискаете клавішу всередині елемента <input>
.
HTML
<input>
<p id="log"></p>
JavaScript
const input = document.querySelector('input');
const log = document.getElementById('log');
input.onkeydown = logKey;
function logKey(e) {
log.textContent += ` ${e.code}`;
}
Підсумок
Специфікації
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of 'onkeydown' 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("keydown", event => {
if (event.isComposing || event.keyCode === 229) {
return;
}
// зробити що-небудь });
See also
- Подія
keydown
- Пов'язані обробники подій