捕获按键而不在页面上放置输入元素？

Question

如何捕获按键，例如Ctrl + Z，而不需要在JavaScript中的页面上放置输入元素？似乎在IE中，按键和键盘事件只能绑定到输入元素（输入框，文本区等）

Answer 1

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测试，火狐3.6.3 &的Chrome 4.1.249.1064

做的另一种方式，这是使用keydown事件和跟踪事件。关键代码。然而，由于归一化的jQuery键码，使用event.which则charCode，其规格建议在各种情况下使用event.which：

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

Answer 2

document.onkeydown = keyDown;

document.onkeypress = keyPress;

等在IE

对我的作品

Answer 3

代码&检测CTRL + Z

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

Answer 4

对于非打印键，例如箭头键和快捷键如Ctrl-Z ，Ctrl-x，Ctrl-c可能会在浏览器中触发某些操作（例如，在可编辑的文档或元素中），则在所有浏览器中可能不会发生按键事件。因此，如果您想要抑制浏览器的默认操作，则必须使用​​。如果没有，keyup也可以。

附加一个​​事件document作品在所有主要浏览器：

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

对于一个完整的参考，我强烈建议Jan Wolter's article on JavaScript key handling。

Answer 5

检测按键，包括组合键：这里

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

的好处是，你是不是覆盖任何全局性，而是仅仅引入副作用。不好，但绝对比这里的其他建议少得多。

Answer 6

对于现代的JS，请使用event.key！

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

Mozilla Docs

Supported Browsers