jQuery 이벤트
아래 표에는 개별 jQuery 이벤트에 대한
메서드와 그 설명이 나와 있습니다:
마우스 이벤트
| 이름 |
설명 |
click |
컨트롤 요소에서 마우스 버튼을 클릭했습니다.
이 이벤트는 마우스 버튼이 떼어진 후에 발생합니다.
|
mousedown |
마우스 버튼을 눌렀습니다. |
mouseup |
마우스 버튼을 떼었습니다. |
dblclick |
더블 클릭. |
mousemove |
마우스 포인터가 요소의 표시 영역 내에서
움직입니다.
|
mouseover |
마우스 포인터가 요소의 표시 영역
안에 있습니다.
|
mouseout |
마우스 포인터가 요소의 표시 영역을 벗어났습니다. |
mouseenter |
마우스 포인터가 요소의 표시 영역 안에 있습니다. |
mouseleave |
마우스 포인터가 요소의 표시 영역을 벗어났습니다. |
hover |
마우스 오버 및 아웃. |
키보드 이벤트
| 이름 |
설명 |
keydown |
키보드의 키를 눌렀습니다. |
keypress |
키보드의 키를 눌렀고, 반복 간격보다
길게 떼지 않았습니다. 반복 간격의 길이는
시스템 매개변수이며 사용자 운영 체제의
설정에 따라 다릅니다.
|
keyup |
이전에 눌렀던 키를 떼었습니다. |
폼 및 페이지 요소 이벤트
| 이름 |
설명 |
change |
요소가 입력 포커스를 잃었고, 요소가 포커스를
가지고 있는 동안 요소의 내용이 변경되었습니다.
|
select |
요소 내부 텍스트의 일부가 선택되었습니다. |
submit |
폼에서 "제출" 버튼을 눌렀지만,
아직 폼을 서버로 전송하지 않았습니다.
|
blur |
컨트롤 요소가 입력 포커스를 잃었습니다. 즉,
커서가 다른 요소로 이동했습니다.
|
focus |
표시된 요소가 입력 포커스를 얻었습니다.
텍스트 필드의 경우 이 이벤트는 커서가
이미 해당 요소에 있음을 의미합니다.
|
focusin |
표시된 요소가 입력 포커스를 얻었습니다.
텍스트 필드의 경우 이 이벤트는 커서가
이미 해당 요소에 있음을 의미합니다.
|
focusout |
컨트롤 요소가 입력 포커스를 잃었습니다.
즉, 커서가 다른 요소로 이동했습니다.
|
문서 로드 이벤트
| 이름 |
설명 |
ready |
페이지 DOM이 준비되었습니다. |
load |
요소 로딩이 완료되었습니다. |
unload |
문서에서 나가고 있습니다 (페이지 닫기 또는
다른 주소로 페이지 리디렉션).
|
브라우저 이벤트
| 이름 |
설명 |
scroll |
요소를 스크롤할 때 발생합니다. |
resize |
브라우저 페이지 크기가 변경될 때 발생합니다. |
참고 항목
-
요소에 이벤트 핸들러를 바인딩할 수 있는
메서드
on,
-
요소에 바인딩된 지정된 유형의 이벤트에 대한 모든 핸들러를
실행할 수 있는 메서드
trigger,
-
발생한 이벤트에 대한 정보를 포함하는 속성과 메서드를
가진 객체
event,