JS-DOM 키보드 관련 이벤트

키보드 관련 이벤트

• keydown : 특정 키를 누르고 있을때
• keyup : 특정 키를 누르다 손을 뗄때
• keypress : 키를 누르고 있을 떄 (문자관련 키만 동작)

ex)

window.addEventListener("keydown", e => {
	console.log("keydown");
})

아래와 같이 콘솔창에 계속 입력이 됨.

ex)

window.addEventListener("keyup", e => {
	console.log("keyup");
})

아래와 같이 누르다가 손을 떼는 순간 keyup이 콘솔창에 입력됨.

ex)어떤 키를 입력했는지 알고 싶을때 아래코드를 입력하면!

window.addEventListener("keyup", e => {
	console.log("keyup");
  	console.log(e);
})

아래와 같이 어떤 key 인지, 해당 key의 code가 뭔지 확인 가능