HTML, CSS, JavaScript

[JS] keyup, keydown, keypress 차이 (키보드 이벤트 발생 시점 종류)

15호의 개발자 2022. 6. 15. 14:34
반응형

[JS] keyup, keydown, keypress 차이 (키보드 이벤트 발생 시점 종류)

 

 

 

키보드 이벤트를 구분하는 기준에는, 이벤트 발생 시점이 중요하다.

jQuery에서 지원하는 키보드 이벤트 종류에 대해 알아보자.

 

 

 

1. keyup

  - 키보드를 눌렀다가 손을 떼는 시점에 이벤트 발생

 

2. keydown

  - 키보드를 누르는 시점에 이벤트 발생

  - 키보드를 계속 누르고 있는 경우에는 처음 한 번만 이벤트 발생

 

3. keypress

  - 키보드를 누르는 시점에 이벤트 발생

  - 키보드를 계속 누르고 있는 경우에는 이벤트가 계속 발생

 

 

 

흔히 keydown과 keypress를 헷갈려하는 경우가 많으니 둘의 차이점을 명확하게 알고 있어야 한다.

 

 

반응형