제이쿼리 -키베도 이벤트

키보드 이벤트

 

-keydown() / keyup() /keypress() 메서드

keydown()과 keypress() 이벤트 메서드는 선택한 요소에서 키보드 자판을 눌렀을 때 이벤트를 발생시키거나 해당 이벤트를 강제로 발생시킵니다.

차이점 : keydown()은 모든 키(한글 제외) 에 대해 이벤트를 발생시키지만 keypress()는 기능크(F1~F12,Alt,Ctrl,Shift,백스페이스,캡스락,탭,한영)에 대해 이벤트를 발생시키지 X

또한 키베도 이벤트 핸들러에서 생성된 이벤트 객체의 속성을 이용하면 고유 키의 코드값을 구할 수 있다. 이를 사용해 단축키 기능도 만들 수 있다.

-이벤트가 발생한 요소 추적하기

사이트 방문자가 이벤트를 발생시킨 요소의 정보를 구해오는 방법입니다.

이벤트가 발생한 요소를 선택해 오는 선택자 $(this)의 사용법을 알아보겠습니다.

이벤트가 발생한 요소의 인덱스값을 반환하는 index()인덱스 반환 메서드에 대해서도 알아보겠습니다.

 

-$(this)선택자

이벤트 핸들러에서 $(this)를 사용하면 이벤트가 발생한 요소를 선택하여 이벤트가 발생한 요소를 추적할 수 있다.

 

-index() 인덱스 반환 메서드

이벤트를 등록한 요소 중 이벤트가 발생한 요소의 인덱스값을 반환한다.

기본형 : $(“이벤트 대상 선택”).on(“이벤트 종류”,function() {

$(“이벤트 대상 선택”).index(this); });