[JS] key event 정리

2021. 12. 22. 18:37개발

key event 

 

keypress

 

keydown

 

keyup

 

알아낸것.

 

화살표  = keydown 계속 실행됨 

글자 = keydown한번 실행후 keypress로 넘어감 

 

계속 실행 = 오브젝트의 진행을 표현할수있을뜻

press로 넘어감 = press에 특정값을 넣어서 각 키에대한 설정 가능할뜻

 

 

의문점

console log 를 찍어보면 글자를 누를경우 keydown - > keypress 의 반복인데 

innerhtml 에서 down , press 로 각각 설정해서 보면  keydown 은 안찍히고 press로만 유지가됨 .. 

 그러면 안되는거 아닌가 ? 

 

https://codepen.io/sky4564/pen/XWeavxm

 

XWeavxm

...

codepen.io