Learning Log/JavaScript

[javascript] keyup, keydown, keypress의 차이

자척개 2023. 1. 6. 13:59
반응형

! 공식문서를 참고해서 개념을 다시 한번 확인해주세요 !

 

1. keyup

-키보드에서 손을 뗐을 때 실행

 

2. keydown

-키보드를 눌렀을 때 실행되고 누르고 있을 때 1번만 실행됨

-어떤 키가 눌리더라도 반응

 

3. keypress

-키보드를 눌렀을 때 실행되고 누르고 있을 때 계속 실행됨

-입력할 수 있는 키보드를 눌렀을 때만 반응(한글은 인식하지 않음)

 

keydown > keypress > keyup 순으로 이벤트가 진행됨

 

Resources

https://velog.io/@jjhstoday/project-Sleact-keydown-keypress-keyup-%EC%9D%98-%EC%B0%A8%EC%9D%B4%EB%8A%94

반응형