[JavaScript] 이벤트(2) - 키보드의 이벤트

이번 글은 키보드 이벤트에 대한 글이다.

---

 

 

[ 키보드 이벤트 ]

- KeyboardEvent.type

• keydown : 키보드 버튼을 누른 순간
• keypress : 키보드 버튼을 누른 순간 (문자버튼 같은거에 반응 / esc나 shift같은 코드는 반응 안함)
• keyup : 키보드 버튼을 눌렀다 뗀 순간

=> keypress는 웹표준에서 권장하지 않는 방법 (키를 누르는 순간 동작할 이벤트가 필요 → )

 

---

 

[ 키보드 이벤트 프로퍼티 ]

- KeyboardEvent.key : 이벤트가 발생한 버튼의 값 (사용자가 어떤 값을 가진 키를 눌렀는지)

- KeyboardEvent.code : 이벤트가 발생한 버튼의 키보드에서 물리적인 위치 (사용자가 어떤 위치에 있는 키보드를 눌렀는지)

ex. (대문자 A 누름) key : A / code : KeyA
ex. (소문자 a 누름) key : a / code : KeyA
=> 두 값의 key가 다름

ex. (오른쪽 shift 누름) key : Shift / code : ShiftRight

 

 

---

 

[ 정리 ]

이벤트 타입	설명
keydown	키보드의 버튼을 누르는 순간
keypress	키보드의 버튼을 누르는 순간 ('a', '5' 등 출력이 가능한 키에서만 동작하며, Shift, Esc 등의 키에는 반응하지 않음)
keyup	키보드의 버튼을 눌렀다 떼는 순간

 

 

---