GlobalEventHandlers.onkeydown

Переклад цієї статті ще не завершено. Будь ласка, допоможіть перекласти цю статтю з англійської мови

Властивість 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

Сумісність з браузерами 

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
onkeydownChrome Full support YesEdge Full support ≤18Firefox Full support YesIE ? Opera ? Safari ? WebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android ? Safari iOS ? Samsung Internet Android Full support Yes

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown

Нотатки щодо сумісності

Так якб 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