jQuery的转义键的哪个键代码

我有两个功能。当按下回车键时，功能正常运行，但是当按下退出键时，功能无法正常运行。退出键的正确数字是多少？

$(document).keypress(function(e) { 
    if (e.which == 13) $('.save').click();   // enter (works as expected)
    if (e.which == 27) $('.cancel').click(); // esc   (does not work)
});

尝试使用keyup事件：

$(document).keyup(function(e) {
  if (e.keyCode === 13) $('.save').click();     // enter
  if (e.keyCode === 27) $('.cancel').click();   // esc
});

与其硬编码功能中的键码值，不如考虑使用命名常量来更好地传达您的含义：

var KEYCODE_ENTER = 13;
var KEYCODE_ESC = 27;

$(document).keyup(function(e) {
  if (e.keyCode == KEYCODE_ENTER) $('.save').click();
  if (e.keyCode == KEYCODE_ESC) $('.cancel').click();
});

一些浏览器（如FireFox，不确定其他浏览器）定义了一个全局KeyEvent对象，该对象为您提供这些类型的常量。这个SO问题也显示了一种在其他浏览器中定义该对象的好方法。

（答案摘自我以前的评论）

您需要使用keyup而不是keypress。例如：

$(document).keyup(function(e) {
  if (e.which == 13) $('.save').click();     // enter
  if (e.which == 27) $('.cancel').click();   // esc
});

keypress似乎无法在浏览器之间进行一致处理（请在IE，Chrome和Firefox中尝试http://api.jquery.com/keypress上的演示，有时keypress无法注册，并且“哪个”和“ keyCode”），但keyup保持一致。

由于对e.whichvs 进行了一些讨论e.keyCode：请注意，这e.which是jquery规范化的值，是建议使用的值：

event.which属性规范化event.keyCode和event.charCode。建议观看事件。用于键盘键输入。

（来自http://api.jquery.com/event.which/）

要查找任何键的键码，请使用以下简单功能：

document.onkeydown = function(evt) {
    console.log(evt.keyCode);
}

27是转义键的代码。:)

你最好的选择是

$(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();
});

摘要

• which比keyCode归一化因为它更可取
• keyup比之更为可取，keydown因为如果用户持续按下keydown可能会多次发生。
• keypress除非要捕获实际字符，否则不要使用。

有趣的是，Bootstrap在其下拉组件中使用keydown和keyCode（从3.0.2开始）！我认为那可能是个糟糕的选择。

JQuery文档中的相关代码段

虽然浏览器使用不同的属性来存储此信息，但jQuery规范化了.which属性，因此您可以可靠地使用它来检索键码。此代码对应于键盘上的键，包括用于特殊键（例如箭头）的代码。为了捕获实际的文本输入，.keypress（）可能是一个更好的选择。

其他有趣的项目：JavaScript Keypress库

试用jEscape插件（从Google Drive下载）

$(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;
}

您的代码工作正常。很有可能是窗口没有聚焦。我使用类似的功能关闭iframe框等。

$(document).ready(function(){

    // Set focus
    setTimeout('window.focus()',1000);

});

$(document).keypress(function(e) {

    // Enable esc
    if (e.keyCode == 27) {
      parent.document.getElementById('iframediv').style.display='none';
      parent.document.getElementById('iframe').src='/views/view.empty.black.html';
    }

});

我正在尝试做同样的事情，这让我很讨厌。在firefox中，如果您按下逃逸键时尝试执行某些操作，它会继续处理逃生键，然后取消您尝试执行的操作。警报工作正常。但就我而言，我想回顾一下那行不通的历史。最终发现我不得不强制事件的传播停止，如下所示...

if (keyCode == 27)
{
    history.back();

    if (window.event)
    {
        // IE works fine anyways so this isn't really needed
        e.cancelBubble = true;
        e.returnValue = false;
    }
    else if (e.stopPropagation)
    {
        // In firefox, this is what keeps the escape key from canceling the history.back()
        e.stopPropagation();
        e.preventDefault();
    }

    return (false);
}

解释没有其他答案的地方；问题是您使用keypress。

也许事件只是被错误命名，但keypress被定义为在时触发。即文字。 而您想要的是/ ，它会在（分别在之前或之后）触发。即键盘上的那些东西。when an actualcharacteris being inserted
keydownkeyupthe user depresses akey

之所以出现差异，esc是因为它是控制字符（字面上是“非打印字符”），因此不会写任何文本，因此甚至不会触发keypress。
enter很奇怪，因为即使您将其用作控制字符（即，用于控制UI），它仍在插入换行字符，这将触发keypress。

资料来源：quirksmode

要获取所有字符的十六进制代码：http : //asciitable.com/

仅发布更新的答案，而不是e.keyCode在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);

一个强大的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。

我一直使用keyup和e。哪个可以捕获转义密钥。

我知道这个问题是关于jquery的，但是对于那些使用jqueryui的人来说，许多键码都有常量：

$.ui.keyCode.ESCAPE

http://api.jqueryui.com/jQuery.ui.keyCode/