[JQuery] 이벤트 / 그룹 이벤트 등록 메서드

 

이벤트 등록 메서드

구분	종류	설명
로딩 이벤트	load()	선택한 이미지나 프레임 요소에 연동된 소스가 로딩이 완료된 후 이벤트가 발생
	ready()	지정한 html 문서 객체가 로딩이 완료된 후 이벤트가 발생
마우스 이벤트	click()	선택한 요소 클릭했을 때 이벤트 발생
	dbclick()	더블 클릭했을 때
	mouseout()	선택한 요소의 영역에서 마우스가 벗어났을 때 이벤트 발생. 하위 요소의 영향을 받는다
	mouseover()	선택한 요소의 영역에 마우스를 올렸을 때
	hover()	마우스를 올렸을 때와 벗어났을 때 각각 이벤트 발생 [over + out]
	mousedown()	선택한 요소에서 마우스 버튼 눌렀을 때
	mouseup()	마우스 버튼을 눌렀다가 떼었을 때
	mouseenter()	선택한 요소의 범위 내에서 마우스를 올렸을 때
	mouseleave()	범위 내에서 마우스가 벗어났을 때
	mousemove()	요소 범위내에서 마우스가 벗어났을 때
포커스 이벤트	focus()	선택한 요소에 포커스가 맞춰졌을 때 , 선택한 요소에 강제로 포커스 맞출 때
	focusin()	요소에 포커스가 생성되었을 때 이벤트 발생
	focusout()	포커스가 다른 요소로 이동되었을 때
	blur()	선택한 요소에서 포커스가 다른 요소로 이동되었을 때 이벤트 발생시키거나, 선택한 요소에 강제로 포커스가 사라지도록 한다.
키보드 이벤트	keypress()	요소에서 키보드 눌렀을 때. 문자키를 제외한 키코드값을 반환
	keydown()	요소에서 키보드를 눌렀을 때. 자판의 모든 키 코드값을 반환
	keyup()	키보드에서 손을 떼었을 때 이벤트 발생
기타 이벤트	scroll()	스크롤바를 움직일 때 이벤트 발생
	change()	선택한 요소에 입력 요소의 값이 변경되었을 때 이벤트 발생
	error(0	선택한 요소에서 에러 발생했을 때

ready()

문서 객체를 먼저 불러와야 할 때.

이때 문서 객체가 완전히 로딩되더라도 이미지나 프레임에 연동된 소스는 그 이후 로딩

 

load()

그런 이미지나 프레임(frame)에 연동된 소스가 로딩이 완료되면 이벤트 핸들러 실행.

주로 이미지나 프레임에 연동된 소스를 변형시킬 때 상요된다.

 

$(문서객체).ready( function() { ... });

$("이미지 | 프레임").load( function() { ... });

 

그룹 이벤트 등록 메서드

종류	설명
on()	선택한 요소에 1개이상의 이벤트를 등록할 수 있다. 사용 방식에 따라 이벤트를 등록한 이후에도 동적으로 생성된 이벤트를 등록한 요소오 ㅏ동일한 새 요소에도 이벤트가 등록. jquery 1.7 이상 버전부터
bin()	한 개이상의 이벤트를 등록할 수 있다. 동적으로 생성된 새 요소에는 이벤트가 적용되지 않는다.
delegate()	선택한 요소의 하위 요소에 여러 개의 이벤트 등록. 이벤트 등록한 이후에 동적으로 생성된 이벤트를 등록한 요소와 동일한 새 요소에도 이벤트가 등록
one()	선택한 요소에 이벤트를 등록하며, 단 한번만 이벤트가 발생

$("요소").on("click" , function() { ... }

 

$("요소").bind(" mouseover focus", function() { ... }