이벤트 등록 메서드란?

* 이벤트 등록 메서드란?

- 이벤트 : 사이트에서 방문자가 취하는 모든 행동

- 이벤트 핸들러 : 이벤트가 발생했을 때 실행되는 일련의 실행 코드

- 이벤트 등록 메서드를 사용하면 방문자가 지정한 요소에서 어떠한 특정 동작이 일어났을 때 저장된 실행문을 실행시킬 수 있음.

- 이벤트 등록 메서드에는 단독 이벤트 등록 메서드와 그룹 이벤트 등록 메서드가 있음.

- 단독 이벤트 등록 메서드 : 한 동작에 대한 이벤트를 등록할 때 사용하는 메서드

- 그룹 이벤트 등록 메서드 : 하나 이상의 이벤트를 등록할 때 사용하는 메서드

- 이벤트 사용의 기본형

<a href="#" id="btn">버튼</a>    <script type="text/javascript">   $("#btn").click(function(){ ... })  </script>

      : 이벤트 대상         : 이벤트 등록 메서드         : 이벤트 핸들러

 

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

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

 

 

내용 출처 : Do It! 자바스크립트+제이쿼리 입문 (정인용 지음, 이지스퍼블리싱)