[JavaScript] 키보드 이벤트 함수 onKeyDown, onKeyUp, onKeyPress 비교

⌨ [JavaScript] 키보드 이벤트 함수

onKeyDown

키를 눌렀을 때 이벤트 발생

• 이벤트 발생 후, 문자 입력
• Keycode 값을 받는다.
• 키보드에 있는 모든 키를 인식한다.

onKeyUp

키를 눌렀다 놓았을 때 이벤트 발생

• 문자 입력 후, 이벤트 발생

onKeyPress

키를 눌렀을 때 이벤트 발생

• 이벤트 발생 후, 문자 입력
• ASCII Code 값를 받는다.
• ASCII Code에 해당하지 않는 shift, ctrl, backspace, tab, 한/영 등의 키는 인식하지 못한다.

CodeSandBox 예제