Як зафіксувати натискання клавіші, наприклад, Ctrl + Z, не розміщуючи елемент введення на сторінці в JavaScript? Здається, що в IE події натискання клавіш та клавіатури можуть бути прив'язані лише до елементів введення (поля введення, текстові області тощо)

jQuery також має чудову реалізацію, яка неймовірно проста у використанні. Ось як ви можете застосувати цю функцію в браузерах:

$(document).keypress(function(e){
    var checkWebkitandIE=(e.which==26 ? 1 : 0);
    var checkMoz=(e.which==122 && e.ctrlKey ? 1 : 0);

    if (checkWebkitandIE || checkMoz) $("body").append("<p>ctrl+z detected!</p>");
});

Тестується в IE7, Firefox 3.6.3 і Chrome 4.1.249.1064

Інший спосіб зробити це - використовувати подію клавіатури та відстежувати event.keyCode. Однак, оскільки jQuery нормалізує keyCode і charCode, використовуючи event.which, їх специфікація рекомендує використовувати event.which у різних ситуаціях:

$(document).keydown(function(e){
if (e.keyCode==90 && e.ctrlKey)
    $("body").append("<p>ctrl+z detected!</p>");
});

Для недрукованих клавіш, таких як клавіші зі стрілками та комбінації клавіш, таких як Ctrl-z, Ctrl-x, Ctrl-c, які можуть викликати певні дії у браузері (наприклад, всередині редагованих документів або елементів), ви не можете отримати натискання клавіші подія у всіх браузерах. З цієї причини вам доведеться використовувати keydownзамість цього, якщо ви хочете придушити дію браузера за замовчуванням. Якщо ні, keyupзробить так само добре.

Приєднання keydownподії до documentроботи у всіх основних браузерах:

document.onkeydown = function(evt) {
    evt = evt || window.event;
    if (evt.ctrlKey && evt.keyCode == 90) {
        alert("Ctrl-Z");
    }
};

Для повної довідки настійно рекомендую статтю Яна Волтера про обробку ключів JavaScript .

Для сучасних JS використовуйте event.key!

document.addEventListener("keypress", function onPress(event) {
    if (event.key === "z" && event.ctrlKey) {
        // Do something awesome
    }
});

ПРИМІТКА: Старі властивості ( .keyCodeта .which) застаріли.

Mozilla Docs

Підтримувані браузери

Виявлення натискання клавіші, включаючи комбінації клавіш:

window.addEventListener('keydown', function (e) {
  if (e.ctrlKey && e.keyCode == 90) {
    // Ctrl + z pressed
  }
});

Перевага тут полягає в тому, що ви не перезаписуєте жодних глобальних властивостей, а натомість просто вводите побічний ефект. Не добре, але, безумовно, набагато менш підло, ніж інші пропозиції тут.

Код і виявляє ctrl + z

document.onkeyup = function(e) {
  if(e.ctrlKey && e.keyCode == 90) {
    // ctrl+z pressed
  }
}