Javascript keydown, keyup, keypress

키보드가 눌렸을때 현재 값을 가져오고 싶다면 keyup을 사용해야 합니다.
keyup은 키보드에서 손이 떼졌을때 발동되기 때문입니다.

키보드가 눌렸을때 계속 함수를 실행시키고 싶다면 keydown을 사용해야 합니다.
keydown은 키보드가 눌렀을때 발동되기 때문입니다.

 

keydown은 keyboard가 눌렀을때 실행됩니다.

keyboard를 눌렀을때 실행되기 때문에 현재 input에 입력되어 있는 값을 가져올 수 없습니다.

keydown은 키보드를 누르고 있으면 계속 함수가 실행됩니다.

 

---

keyup은 keyboard에서 손을 땠을때 실행됩니다.

keyboard에서 손을 땠을때 실행되기 때문에 현재 input에 입력되어 있는 값을 가져올 수 있습니다.

keyup은 키보드를 계속 누르고 있어도 함수는 실행되지 않습니다.

 

---

keypress는 keyboard가 눌렀을때 실행이 됩니다. 하지만 현재는 deprecated 되었습니다.

keypress 대신에 keydown, keyup을 상황에 맞게 사용하는것을 추천드립니다.

 

 

See the Pen Untitled by 정우병 (@woobottle) on CodePen.

 

 

https://developer.mozilla.org/en-US/docs/Web/API/Document/keyup_event

Document: keyup event - Web APIs | MDN