[jQuery제이쿼리] 키보드에서 ESC 눌렀을 때 반응하기, 이벤트 호출

키보드에서 ESC 를 눌렀을 때 무엇인가 동작하게 만들기 위해 사용하는 제이쿼리입니다.

키보드에 키입력과 관련된 이벤트 메소드인 keypress(), keyup(), keydown() 을 사용하고, 키보드를 눌렀을 때 눌린 키에 해당하는 값은 keycode로 가지고 옵니다. ESC의 keycode 값은 27입니다.

ESC 키입력 이벤트 예제

아래는 간단한 예제입니다.

$(document).keydown(function(event) {
    if ( event.keyCode == 27 || event.which == 27 ) {
        alert("ESC가 입력되었습니다.")
    }
});

위의 예제를 보면, event.keycode 와 함께 event.which 가 사용되었습니다. keycode 명령어에 반응하지 않는 브라우저도 있어서, 다양한 브라우저에 대응하기 위해서 keycode와 which를 같이 사용하는 것이 정말 좋습니다.

키 코드(Key code) 리스트

참고사이트

• https://www.w3schools.com/jsref/event_key_keycode.asp
• https://api.jquery.com/event.which/
• https://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes