본문 바로가기
참고/Jquery

jquery - 이벤트(event)등록 메서드 종류

by Elfen Lied 2020. 5. 27.
반응형

*이벤트 등록 메서드의 종류

 

- 로딩(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() 선택한 요소에서 키보드에 손을 떼었을 때 이벤트 발생.
반응형

댓글