我有两个函数。当按下回车键时，函数正常运行，但当按下escape键时，它就不正常了。退出键的正确数字是多少?
$(document).keypress(function(e) {
if (e.which == 13) $('.save').click(); // enter (works as expected)
if (e.which == 27) $('.cancel').click(); // esc (does not work)
});
当前回答
只是发布一个更新的答案比e.c ekeycode被认为是DEPRECATED在MDN上。
相反，你应该选择e.key，它支持所有东西的干净名称。下面是相关的抄面食
window.addEventListener("keydown", function (event) {
if (event.defaultPrevented) {
return; // Do nothing if the event was already processed
}
switch (event.key) {
case "ArrowDown":
// Do something for "down arrow" key press.
break;
case "ArrowUp":
// Do something for "up arrow" key press.
break;
case "ArrowLeft":
// Do something for "left arrow" key press.
break;
case "ArrowRight":
// Do something for "right arrow" key press.
break;
case "Enter":
// Do something for "enter" or "return" key press.
break;
case "Escape":
// Do something for "esc" key press.
break;
default:
return; // Quit when this doesn't handle the key event.
}
// Cancel the default action to avoid it being handled twice
event.preventDefault();
}, true);
其他回答
$(document).on('keydown', function(event) {
if (event.key == "Escape") {
alert('Esc key pressed.');
}
});
我知道这个问题是在问jquery，但是对于那些使用jqueryui的人来说，许多键码都有常量:
$.ui.keyCode.ESCAPE
http://api.jqueryui.com/jQuery.ui.keyCode/
你最好的选择是
$(document).keyup(function(e) {
if (e.which === 13) $('.save').click(); // enter
if (e.which === 27) $('.cancel').click(); // esc
/* OPTIONAL: Only if you want other elements to ignore event */
e.preventDefault();
e.stopPropagation();
});
总结
哪个比keyCode更可取，因为它是规范化的 Keyup比keydown更可取，因为如果用户一直按下，keydown可能会出现多次。 不要使用按键，除非你想捕捉实际的字符。
有趣的是，Bootstrap在下拉组件中使用keydown和keyCode(从3.0.2开始)!我觉得这是个糟糕的选择。
来自JQuery文档的相关片段
而浏览器使用不同的 属性来存储这些信息，jQuery规范化了 属性，以便您可以可靠地使用它来检索密钥代码。这 代码对应键盘上的一个键，包括特殊的代码 键，如箭头。为了捕获实际的文本输入，.keypress()可能 是一个更好的选择。
其他有趣的项目:JavaScript按键库
解释其他答案没有解释的地方;问题是你用的按键。
也许事件只是命名错误，但按键被定义为当插入一个实际字符时触发。即文本。 而你想要的是keydown/keyup，它在用户按下keyey之前或之后触发。也就是键盘上的那些东西。
区别出现在这里，因为esc是一个控制字符(字面上是“非打印字符”)，因此不写入任何文本，因此甚至不触发按键。 enter是奇怪的，因为即使你使用它作为一个控制字符(即控制UI)，它仍然插入一个换行字符，这将触发按键。
来源:quirksmode
要找到任何键的键码，使用这个简单的函数:
document.onkeydown = function(evt) {
console.log(evt.keyCode);
}
