반응형
*이벤트 등록 메서드의 종류
- 로딩(loading) 이벤트
구분 | 종류 | 설명 |
로딩 이벤트 |
load() | 선택한 이미지 또는 프레임 요소에 연동된 소스의 로뎡이 완료된 후 이벤트 발생. |
ready() | 지정한 HTML 문서 객체의 로딩이 완료된 후 이벤트 발생 | |
error() | 이벤트 대상 요소에서 오류가 발생하면 이벤트 발생. |
- 마우스(mouse) 이벤트
구분 | 종류 | 설명 |
마우스 이벤트 |
click() | 선택한 요소를 클릭했을 때 이벤트 발생. |
dblclick() | 선택한 요소를 연속해서 두 번 클릭했을 때 이벤트가 발생. | |
mouseout() | 선택한 요소의 영역에 마우스 포인터가 벗어났을 때 이벤트 발생. 이때 하위 요소의 영향을 받음. |
|
mouseover() | 선택백한 요소의 영역에 마우스 포인터를 올렸을 때 이벤트 발생. | |
hover() | 선택한 요소에 마우스 포인터를 올렸을 때와 벗어났을 때 각각 이벤트 발생. | |
mousedown() | 선택한 요소에서 마우스 버튼 눌렀을 때 이벤트 발생. | |
mouseup() | 선택한 요소에서 마우스 버튼 눌렀다 떼었을 때 이벤트 발생. |
마우스 이벤트 |
mouseenter() | 선택한 요소 범위에 마우스 포인터 올렸을 때 이벤트 발생. |
mouseleave() | 선택한 요소 범위에서 마우스 포인터 벗어났을 때 이벤트 발생. | |
mousemove() | 선택한 요소 범위에서 마우스 포인터 움직였을 때 이벤트 발생. | |
scroll() | 가로, 세로 스크롤바를 움직일 때마다 이벤트 발생. |
- 포커스(focus) 이벤트
구분 | 종류 | 설명 |
포커스 이벤트 |
focus() | 선택한 요소에 포커스가 생성되었을 때 이벤트를 발생하거나, 선택한 요소에 강제로 포커스 생성. |
focusin() | 선택한 요소에 포커스가 생성되었을 때 이벤트 발생. | |
focusout() | 포커스가 선백한 요소에서 다른 요소로 이동되었을 때 이벤트 발생. | |
blur() | 포커스가 선택한 요소에서 다른 요소로 이동되었을 때 이벤트 발생하거나, 선택한 요소의 포커스가 강제로 사라지도록 함. |
|
change() | 이벤트 대상인 입력 요소의 값이 변경되고, 포커스가 이동하면 이벤트 발생. 강제로 change 이벤트 발생시킬 때도 사용. |
- 키보드(keyboard) 이벤트
구분 | 종류 | 설명 |
키보드 이벤트 |
keypress() | 선택한 요소에서 키보드를 눌렀을 때 이벤트 발생. (문자 키 제외한 키의 코드값 반환) |
keydown() | 선택한 요소에서 키보드를 눌렀을 때 이벤트 발생. (키보드의 모든 키의 코드값 반환) | |
keyup() | 선택한 요소에서 키보드에 손을 떼었을 때 이벤트 발생. |
반응형
'참고 > Jquery' 카테고리의 다른 글
jquery - mousemove (0) | 2020.05.27 |
---|---|
jquery - a, form 태그에 클릭 이벤트 적용시 기본 이벤트 차단하기 (0) | 2020.05.27 |
jquery - 이벤트(event)등록 메서드 (0) | 2020.05.27 |
jquery - 배열 관련 메서드 (0) | 2020.05.26 |
jquery - 제이쿼리 배열 관련 메서드 종류 (0) | 2020.05.26 |
댓글