Keydown, Keyup, Keypress의 비교

• 기능 정의

keydown: 키보드를 누를 때 실행. 계속 누르고 있는 경우에는 계속 실행 됨.

keypress: 키보드를 누를 때 실행. 계속 누르고 있는 경우에는 계속 실행 됨.

keyup: 누른 키에서 손을 뗄 때 실행.

keydown과 keypress가 같은 기능??

그렇지 않다.

쉽게 설명하면, keypress는 '입력할 수 있는 키보드'를 눌렸을 때에만 반응한다.

예를 들어, 한글 입력, 방향키, DELETE키와 같은 즉시 TEXT에 입력이 반영되는 키보드가 아닌 것에는 이벤트가 반응하지 않는다.

반면에, keydown은 키보드의 어떤 키가 눌러지더라도 반응한다.

• key 이벤트 동작 순서

key event 사이의 동작 순서는 다음과 같다. keydown → keypress → keyup

하지만, 실제 글자가 입력되는 상황에서의 동작 순서는 다음과 같다.

① 키보드 'G'를 누른다.

② keydown 이벤트가 발생한다. (input text 창에는 'G'가 입력이 반영되지 않은 상태.)

③ 'G'가 입력된다. (input text 창에 입력한 'G'가 반영된 상태/)

④ keypress 이벤트가 발생한다.

⑤ 'G' 키에서 손을 뗀다.

⑥ keyup 이벤트가 발생한다.

---

# 글 내용에 틀린 점이 있으면 질책보다는 조언의 댓글로 피드백 부탁드립니다.