[解決済み] [ピュアJSやjQueryでエスケープキー押下を検出するには？

質問

重複の可能性あり。

jQueryでエスケープキーをどのキーコードで入力するか

IE、Firefox、Chromeでエスケープキーの押下を検出する方法は？ 以下のコードは、IEとアラートで動作します。 27 が、Firefoxでは警告が表示されます。 0

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

どのように解決するのですか？

注 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>
    }
});

jQueryでエスケープキーをどのキーコードで入力するか