키보드 이벤트

window.addEventListener('keydown', function(e){
	console.log(e.keyCode);
})

• 왼쪽 화살표 누르면 console 창에 37이 찍히고
• 오른쪽 화살표 누르면 console 창에 39가 찍힌다.

<aside> 💡 키보드 마다 고유의 값이 저장 되어있다.

</aside>

키보드 이벤트 객체를 알고 싶다면

Keycode Info

더이상 keycode를 브라우저에서 지원하지 않는다.

window.addEventListener('keydown', function(e){
	console.log(e.key);
})

버튼을 누를때마다 키보드 누른값이 찍힌다.

ArrowLeft, ArrowRight 이렇게 찍힌다.

window.addEventListener('keydown', function(e){
      let key = e.key || e.keyCode;
      if(e.key === 'ArrowLeft'){
        self.mainElem.setAttribute('data-direction', 'left');
      }else if(e.key === 'ArrowRight'){
          self.mainElem.setAttribute('data-direction', 'right');
      }
    })