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 |
브라우저 페이지 크기가 변경될 때 발생합니다. |