我有两个函数。当按下回车键时，函数正常运行，但当按下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)
});
当前回答
$(document).on('keydown', function(event) {
if (event.key == "Escape") {
alert('Esc key pressed.');
}
});
其他回答
一个健壮的Javascript库，用于捕获键盘输入和输入的组合键。它没有依赖关系。
http://jaywcjlove.github.io/hotkeys/
hotkeys('enter,esc', function(event,handler){
switch(handler.key){
case "enter":$('.save').click();break;
case "esc":$('.cancel').click();break;
}
});
热键支持以下修饰符:⇧、shiftoption“altctrlcontrolcommand”和⌘。
以下特殊键可用于快捷键:backspacetab,clear,enter,return,esc,escape,space,up,down,left,right,home,end,pageup,pagedown,del,delete和f1到f19。
27是escape键的代码。：）
试试jEscape插件(从谷歌驱动器下载)
$(document).escape(function() {
alert('ESC button pressed');
});
或获得跨浏览器的键码
var code = (e.keyCode ? e.keyCode : e.which);
if (code === 27) alert('ESC');
if (code === 13) alert('ENTER');
也许你可以用开关
var code = (e.keyCode ? e.keyCode : e.which);
switch (code) {
case 27:
alert('ESC');
break;
case 13:
alert('ENTER');
break;
}
你最好的选择是
$(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按键库
要找到任何键的键码，使用这个简单的函数:
document.onkeydown = function(evt) {
console.log(evt.keyCode);
}
