[Head First jQuery] 03. jquery events and functions

http://api.jquery.com/category/events/event-object/

event

사용쟈가 버튼을 클릭하는 것처럼 페이지에서 어떤 일이 일어날때 코드가 실행될 수 있도록 만드는 메커니즘

event listener

Document Object Model(DOM)의 한부분

event listener 는 페이지에서 사람이 하는 일에 주의를 기울여는 브라우저의 방식으로 필요에따라 무엇을 할지 JavaScript interpreter에게 전달한다.

cf. handler function : 이벤트가 트리거될 때 실행되는 코드의 블럭

event binding

엘리먼트에 이벤트를 추가할 때 "binding"이라 부른다. 이것을 통해 이벤트 리스터는 자바스크립트 인터프리터에 어떤 함수가 호출되지 말해줄 수 있다.

바인딩 방법

• method 1
  페이지가 로드될 때 (convenience method) 엘리먼트에 이벤트를 추가
• method 2
  페이지가 로드된 후 엘리먼트에 이벤트를 추가
  새로운 DOM 엘리먼트를 추가한 뒤에 이벤트를 추가할 때 사용한다.

Removing an event

전송 버튼을 두번이상 클릭하지 못하도록 하거나, 한 페이지에서 한번만 어떤 행위를 하도록 제한할 때 엘리먼트에서 이벤트를 없애야 할 경우가 생겨난다.

하나의 이벤트를 없앨 때

//클릭 이벤트 달기 
$("#myElement").bind('click', function(){
	alert($(this).text());
});

//클릭 이벤트 없애기 
$("#myElement").unbind('click'); 

모든 이벤트를 없을 때

//포커스 이벤트 달기
$("#myElement").bind('focus', function(){
	alert("I've got focus.");
});
//클릭 이벤트 달기
$("#myElement").click(function(){
	alert("You clicked me.");
});
//모든 이벤트 없애기 
$("#myElement").unbind();