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;
  }
  // зробити що-небудь
});

Див. також