GlobalEventHandlers.onkeyup

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

Властивість onkeyup спільно з GlobalEventHandlers є EventHandler обробляє події  keyup .

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

Синтаксис

target.onkeyup = functionRef;

Значення

functionRef це ім'я функції або вираз функції. В якості єдиного аргументу функція отримує об'єкт KeyboardEvent.

Приклад

У цьому прикладі виводитимуться значення KeyboardEvent.code щоразу, коли ви відпускаєте клавішу всередині елемента <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

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
onkeyupChrome 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("keyup", event => {
  if (event.isComposing || event.keyCode === 229) {
    return;
  }
  // зробити що-небудь
});

Див. також