관리 메뉴

도드넷

JAVASCRIPT#39 - jQuery 키바인딩, 키보드 인식 이벤트 본문

창고/JS KING 포니 [중단]

JAVASCRIPT#39 - jQuery 키바인딩, 키보드 인식 이벤트

도드! 2016. 6. 12. 12:22



I didn't see this coming why don't you start me up?


JAVASCRIPT#39 - jQuery 키보드 인식 이벤트


1. 제이쿼리 키보드 인식관련 핵심 명령어

- keydown(function(e){}), keyup(function(e){})

- e? : e는 event의 약자로 which 키워드와 함께 누르거나 땐 키번호를 반환하는 역할을 한다.


2. keydown 키코드 번호 모음

← (37)

↑ (38)

→ (39)

↓ (40)


Enter(13)

Space bar(32)


w (87)

a (65)

s (83)

d (68)


q (81)

w (87)

e (69)

r (82)


자바스크립트 jQuery 키바인딩 키보드 이벤트 키보드 인식 + 물체 이동하기 예제



깨달은 점


1. 키 값을 집합형으로 받아주면 다중입력을 받을 수 있다.


2. 키를 읽는 함수는 자신을 호출하는 setTimeout 을 통해서 무한반복하며 검사하면 반응이 빠르다.

- 초기에는 이벤트 자체로 좌우상하 움직이게 해봤으나 딜레이 발생.



키바인딩및 물체 이동하기.zip












반응형
Comments