JQuery 기본 문법과 구성요소(키보드이벤트)

키보드 이벤트(Keyboard Event)

 

키보드로부터 발생되는 이벤트를 처리

버튼 또는 키가 눌려지는 것과 관련된 이벤트

키보드 이벤트는 keydown(), keypress(), keyup() 함수로 제어

 

keypress()는 문자에 대해서만 호출

 

예) 키보드에서 'A'키를 누른 경우 발생되는 이벤트 순서

keydown:

KeyCode=Keys.A, KeyData=Keys.A, Modifiers=Keys.A

keypress:

KeyChar='a'

keyup:

KeyCode=Keys.A

 

 

 

.keydown()

사용자가 키를 눌렀을 때 발생되는 이벤트 처리(모든 키)

예제코드)

 

실행결과

 

 

.keypress()

사용자가 키를 눌렀을 때 발생되는 이벤트 처리(문자만 해당)

예제코드)

 

.keyup()

사용자가 키를 눌렀다 뗄 때 발생되는 이벤트 처리

예제코드)

 

Quiz.

예제들을 활용하여 다음과 같이 텍스트 필드에 키를 입력하면

해당 키의 코드와 문자가 출력되도록 작성해본다.