Kudos
Collect
Twiiter
Facebook
Share
개발의 'ㄱ'자라도 아는 날을 기대하며...

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

마지막 업데이트 3년 전
0 0 0 1

키보드에서 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 명령어에 반응하지 않는 브라우저도 있어서, 다양한 브라우저에 대응하기 위해서 keycodewhich를 같이 사용하는 것이 정말 좋습니다.

키 코드(Key code) 리스트

KeyCodeKeyCodeKeyCode
backspace8e69숫자패드 8104
tab9f70숫자패드 9105
enter13g71숫자패드 *106
shift16h72숫자패드 +107
ctrl17i73숫자패드 -109
alt18j74숫자패드 .110
pause/break19k75숫자패드 /111
caps lock20l76f1112
ESC27m77f2113
page up33n78f3114
page down34o79f4115
end35p80f5116
home36q81f6117
left arrow37r82f7118
up arrow38s83f8119
right arrow39t84f9120
down arrow40u85f10121
insert45v86f11122
delete46w87f12123
048x88num lock144
149y89scroll lock145
250z90;186
351left window key91=187
452right window key92,188
553select key93-189
654숫자패드 096.190
755숫자패드 197/191
856숫자패드 298`192
957숫자패드 399[219
a65숫자패드 4100 (백슬래시)220
b66숫자패드 5101]221
c67숫자패드 6102222
d68숫자패드 7103

참고사이트

안녕하세요?^^ 개발자라는 소리를 듣고 싶어 늦은 나이에 개발의 세계에 몸담게 된 Brad 라고 합니다. 아직 개발의 'ㄱ' 자도 모르지만, 개발을 배우면서 알게되는 것들을 림프에 정리해보려고 합니다. 저의 부족한 글이 누군가에게 조금이나마 도움이 되길 바랍니다.

Essedrop - 이미지 주소를 만드는 가장 빠른 방법
 

독자 의견

저자 @brad 에게 의견 남기기:

Please sign in to comment.
Markdown is also available in comment.