자바스크립트[키보드입력받기, event.keycode]

event.keycode는 키보드로 입력한 키에 부여된 고유의 코드를 가지고 올 수 있고,

그 값을 이용해서 방향키 제어를 할 수 있다,

 

키보드 아스키코드 참조 블로그 : blog.outsider.ne.kr/322

Javascript 키보드 Keycode(ACSII Code) 목록 :: Outsider's Dev Story

 

오늘 사용해볼 방향키 아스키 코드는

좌측 방향키 : 37

위쪽 방향키 : 38

우측 방향키 : 39

아래 방향키 : 40

 

먼저 방향키를 눌렀을 때 정말 저 값이 들어오는지 확인 해보기 위해서

event.keycode를 콘솔 창에 띄워보겠습니다.

저는 스위치문을 사용해서 event.keycode값이 37이면 "좌측" 38이면 "상단" 이런 식으로 표현해 보겠습니다!

 

window.addEventListener("load", function(){});은 오류를 잡기 위함인데,

저 코드 없이 실행을 하면,

요런 오류가 뜨게 됩니다. 값을 아직 인식하지 못하는 것인데,

load를 이용하면 코드 전체를 싹 읽고 실행하기 때문에 이런 오류를 방지 할 수 있었습니다!

 

load까지 했다면 방향키를 입력했을 때 콘솔에 입력되는 값은 다음과 같습니다.

 

이렇게 event.keyCode 사용법을 알아봤습니다.