jQuery 11
키보드 이벤트 등록
입력란에 방향키를 입력하면 LEFT, RIGHT 같은 글자가 출력된다.
keyCode - 키보드를 눌렀을 때 누른 키보의 값을 가져온다.
키보드의 숫자값을 확인할 수 있다.
[참고링크] https://truecode-95.tistory.com/173
[jQuery] enter Event 처리하기 keyCode / key
keyup : 누른 키에서 손을 뗄 때 실행. $("#아이디명").keyup(function(e){ if(e.keyCode == 13){ // 호출할 함수나 기능 작성 } }); $("#아이디명").keyup(function(e){ if(e.which == 13){ // 호출할 함수나 기능 작성 } }); keydow
truecode-95.tistory.com
키보드 이벤트로 jQuery 객체 이동하는 효과 내기
현재 위치에서 왼쪽으로 이동하기 위해 빼기를 할 때 이동 속도가 느리므로 이동거리에 2를 곱해준다 62번줄, 68번줄
키보드 이벤트 등록할 때 누른 키보드의 숫자데이터로 방향키를 startAnimation()함수의 매개변수로 전달한다.
startAnimation(direction) - setInterval()로 객체를 이동하는 함수를 실행한다
stopAnimation() - clearInterval(참조변수)로 setInterval()을 제거한다.
keyup 이벤트 - 키보드에 손을 떼면 이벤트가 실행된다. keyup 이벤트를 등록하고 손을 떼면 애니메이션 효과가 없어 지도록 하기 위해 stopAnimation()를 사용한다.
moveBox(direction) - direction이 방향키이다. 현재위치를 기준으로 전달받은 방향으로 일정거리 이동할 수 있도록 하는 함수이다.
내 코드
