1. 키보드 이벤트

KeyboardEvent.type의 값은 다음과 같은 것들이 있다.

• keydown : 키보드 버튼을 누른 순간
• keypress: 키보드 버튼을 누른 순간
• keyup : 키보드 버튼을 눌렀다 뗀 순간

keypress의 경우, 출력값이 변하는 key에서만 이벤트가 발생하기 때문에, esc나 shift처럼 기능적인 역할을 하는 key에서는 이벤트가 발생하지 않는다.

또한, 하나의 키를 계속 누르고 있는 상황에서는, keypress는 한 번만 발생하고, keydown 이벤트만 연속적으로 발생한다.

출력이 가능한 key더라도, 영어가 아닌 경우에는 keypress 이벤트가 발생하지 않는다.

💡 웹 표준에서는 keypress 이벤트를 권장하지 않는다.

KeyboardEvent.key는 이벤트가 발생한 버튼의 값을 담고 있으며,
KeyboardEvent.code는 이벤트가 발생한 버튼의 키보드에서의 물리적인 위치를 담고 있다.

💡 참고 링크
https://bakey-api.codeit.kr/web/enrollments/65a0e58f6ba269050533094b/lessons/3821/index.html