javascript - 如何使用纯 JS 或 jQuery 检测转义按键？

Question

Possible Duplicate:
Which keycode for escape key with jQuery

如何检测 IE、Firefox 和 Chrome 中的转义键按下？ 下面的代码在 IE 中工作并提示 27，但在 Firefox 中它会提示 0

$('body').keypress(function(e){
    alert(e.which);
    if(e.which == 27){
        // Close my modal window
    }
});

Answer 1

注意:keyCode 为 becoming deprecated ，请改用 key。

function keyPress (e) {
    if(e.key === "Escape") {
        // write your logic here.
    }
}

代码片段:

var msg = document.getElementById('state-msg');

document.body.addEventListener('keypress', function(e) {
  if (e.key == "Escape") {
    msg.textContent += 'Escape pressed:'
  }
});

Press ESC key <span id="state-msg"></span>

---

keyCode 已被弃用

It seems keydown and keyup work, even though keypress may not

---

$(document).keyup(function(e) {
     if (e.key === "Escape") { // escape key maps to keycode `27`
        // <DO YOUR WORK HERE>
    }
});

Which keycode for escape key with jQuery