제이쿼리(Jquery) 이벤트 종류
.bind( eventType, handler ) 바인드 함수를 사용하면서 요소에 이벤트를 적용시 eventType이 있습니다.
eventType은 선언된 이벤트 외 다른 이벤트를 요소에 주어진다고 해도 이벤트 핸들러가 실행이 되지 않습니다.
이런 이벤트는 키보드, 마우스, 화면 등.. 여러가지가 존재를 합니다.
1. 제이쿼리(Jquery) 이벤트 종류 표
1.1 키보드 이벤트
| 이벤트 |
설명 |
| keydown |
키보드 버튼을 눌렀을 때 이벤트 발생 |
| keyup |
키보드 버튼을 누른 상태에서 떼었을때 이벤트 발생 |
| keypress |
키보드 버튼을 계속 누르고 있는 상태에 이벤트 발생 |
1.2 마우스 이벤트
| 이벤트 |
설명 |
| click |
마우스를 클릭 했을 때 이벤트 발생 |
| dbclick |
마우스를 더블클릭 했을 때 이벤트 발생 |
| mouseenter |
부모 요소에서 이벤트 걸린 요소로 마우스 진입시 이벤트 발생 |
| mouseleave |
이벤트 걸린 요소에서 부모 요소로 마우스 진입시 이벤트 발생 |
| mouseover |
이벤트 걸린 요소와 자식요소에 마우스 진입시 이벤트 발생 |
| mouseout |
이벤트 걸린 요소에서 부모 요소로 마우스 진입시 이벤트 발생 |
| hover |
mouseenter, mouseleave 이벤트를 같이 적용 시킵니다. |
| mouseup |
이벤트가 걸린 요소에서 마우스 클릭시 이벤트 발생 |
1.3 입력 폼 이벤트
| 이벤트 |
설명 |
| blur |
포커스된 입력 폼에서 밖으로 나갈때 이벤트 실행 |
| focus |
입력 폼으로 포커스 될때 이벤트 실행 |
| submit |
폼이 submit 시킬때 이벤트 실행 |
| change |
입력 폼에 값이 변경이 될때 이벤트 실행 |
| select |
|
1.4 기타 이벤트
| 이벤트 |
설명 |
| resize |
브라우저 창 크기가 변할 때 이벤트 발생 |
| ready |
현재 페이지 문서가 전부 로드 되었을 때 이벤트 발생 |
| unload |
현재 페이지 문서에서 다른 페이지로 이동할 때 이벤트 발생 |