JS 또는 jQuery로 ESC키를 감지하는 방법

질문 : 순수 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 는 더 이상 사용되지 않습니다.

keypress 가 keydown 및 keyup 작동하는 것 같습니다.

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

jQuery를 사용하는 이스케이프 키의 키 코드

출처 : https://stackoverflow.com/questions/3369593/how-to-detect-escape-key-press-with-pure-js-or-jquery