GlobalEventHandlers.onkeydown

Властивість onkeydown спільно з GlobalEventHandlers є EventHandler обробляє події keydown (en-US).

Подія keydown спрацьовує, коли користувач натискає клавішу клавіатури.

Синтаксис

target.onkeydown = 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.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