[js]keydown과 keypress

keydown

- 키보드에 있는 모든 키 인식

- 상단 숫자키와 우측 숫자키의 keyCode가 별도

- 대소문자 구분O (keyCode 별도)

keypress

- input에 입력이 되는 키만 인식(esc, 이동버튼, 딜리트, 홈 등은 인식X)

- 상단 숫자키와 우측 숫자키의 keyCode가 동일

- 대소문자 구분X (keyCode동일)

 

영문 대문자일 경우, keydown.keyCode = keypress.keyCode

 

keypress의 경우, 인식하지 못하는 키가 있어서 keydown 권고

때에 따라 keypress가 필요한 경우도 있을 듯

See the Pen keydown keypress key.code by sangmok-ye (@sangmok-ye) on CodePen.

캡스락, 넘버락의 경우 event.getModifierState() 을 사용

keypress는 true만 인식함

keydown/keyup으로 해야 ture/false 모두 인식

 

https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/getModifierState

사용 가능한 값 링크 참고