[jQuery] keypress, keydown, keyup 차이점 알아보기

 

 

esc를 누르면 작동하는 함수를 작성하다가 무심코 keypress를 사용하고서는 왜 작동이 되지? 하고 있었다.

헷갈리기 쉬운 jQuery key event 함수들인 keypress, keydown, keyup에 대해 간단히 알아보자

 

 

1. keypress

키보드를 누르는 순간 실행되며, 누르고 있는 동안 지속된다.

Ctrl, Alt, Shift, Backspace 등 보조키들은 동작하지 않는다.

대소문자 ASCII 값을 다르게 가진다.

* a = 97, A = 65 (keydown, keyup에서는 a,A = 65로 동일)

 

 

2. keyup 

키보드가 눌린 상태에서 손을 뗄 때 실행된다. (키보드가 눌렸다가 다시 올라오는 모습을 생각하자)

 

 

3. keydown

키보드를 누르는 순간 실행된다.

누르는 딱 한번 실행된다.