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

小编典典

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

all

如何检测 IE、Firefox 和 Chrome 中的转义键按下？下面的代码适用于 IE 和警报27，但在 Firefox 中它会发出警报0

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

阅读 101

2022-03-04

共1个答案

小编典典

注意：keyCode已弃用，请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正在被弃用

它似乎keydown和keyup工作，即使keypress可能没有

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

2022-03-04