jQuery 이벤트 처리

이벤트 등록하기

$("a").bind("click",funtion (e) ){         $(this).css("background", "yellow"); });

bind("이벤트타입이름", 이벤트핸들러)

- 이메소드로 해당 엘리먼트에 원하는 이벤트를 적용할 수 있다. 적용가능한 이벤트에는 click, mousedown, focus, resize 등 여러가지가 있다. 인자에 기술한 함수는 이벤트 발생했을 시 자동 실행된다.

아래처럼도 사용가능

$("a").click(function(){          $("this").css("background", "yellow");  });

jQuery 에서 지원하는 이벤트

이벤트 명	발생 위치	정의
BLUR	FOCUS가 가능한 엘리먼트	엘리먼트가 포커스를 잃을 때 발생 (포커스 : 커서가 객체 안에 위치하거나, TAB 키 등으로 해당 엘리먼트가 선택된 경우 )
FOCUS	FOCUS가 가능한 엘리먼트	엘리먼트가 포커스를 얻을 때 발생
LOAD	모든 엘리먼트	엘리먼트가 자신과 모든 서브 엘리먼트들이 로딩을 마쳤을 때 발생
RESIZE	WINDOW 엘리먼트	브라우져의 크가기 변경 되었을 때 WINDOW 객체에서 발생
CLICK	모든 엘리먼트	엘리먼트 위에 마우스 포인터를 위치시키고, 마우스 버튼을 누르고 땠을 때 발생
DBLCLICK	모든 엘리먼트	엘리먼트가 더블 클릭 되었을 때 발생
MOUSEDOWN	모든 엘리먼트	엘리먼트 위에 마우스 포인터가 위치되어있고, 마우스 버튼을 눌렀을 때 발생
MOUSEUP	모든 엘리먼트	엘리먼트 위에 마우스 포인터가 위치되어있고, 마우스 버튼을 놓을 때 발생
MOUSEMOVE	모든 엘리먼트	마우스 포인터가 엘리먼트 내부에서 움직일 때 발생
MOUSEOVER	모든 엘리먼트	마우스 포인터가 엘리먼트 안으로 이동할 때 발생
MOUSEOUT	모든 엘리먼트	마우스 포인터가 엘리먼트에서 벗어날 때 발생
SELECT	<INPUT TYPE="TEXT">  <TEXTAREA>	내부의 텍스트들을 선택 했을때(영역이 반전 되었을 때) 발생
SUBMIT	<INPUT TYPE="SUBMIT">	FORM 값을 넘기려(SUBMIT) 할때
KEYDOWN	FOCUS가 가능한 엘리먼트	키보드 누를 때 발생, 키를 누르고 있어도 1회만 발생
KEYPRESS	FOCUS가 가능한 엘리먼트	키보드를 누를 때 발생, 키를 누르고 있으면 연속적으로 발생
KEYUP	FOCUS가 가능한 엘리먼트	키보드에서 손을 땔 때 발생
ERROR	로딩이 일어나는 엘리먼트	이미지 등이 정상적으로 로딩되지 않았을 때 발생
SELECT	<INPUT TYPE="TEXT">  <TEXTAREA>	내부의 텍스트들을 선택했을 때(영역이 반전 되었을 때) 발생