간단한 이벤트 연결/제거

간단한 이벤트 연결/제거

간단한 이벤트 연결

간단한 방식으로 연결할 수 있는 이벤트

blur	focus	focusin	focusout	load
resize	scroll	unload	click	dbclick
mousedown	mouseup	mousemove	mouseover	mouseout
mouseenter	ouseleave	change	select	submit
keydown	keypress	keyup	error	ready

간단한 방식으로 이벤트를 연결할 때 다음과 같은 방법을 사용

$(selector).method(function(event) {});

이벤트 연결 메서드도 제공됨

hover

: mouseenter 이벤트와 mouseleave 이벤트를 동시에 연결합니다.

다음과 같은 형태로 사용

$(selector).hover(function(event) {}, function(event) {});

이벤트 연결 제거

off()

: 이벤트를 제거합니다.

3가지 형태

$(selector).off()
$(selector).off(eventName)
$(selector).off(eventName, function)

ex)

$(document).ready(function() {
	// 이벤트를 연결합니다.
	$('h1').click(function() {
		// 출력합니다.
		$(this).html('CLICK');
		alert('이벤트가 발생했습니다.');
		
		// 이벤트를 제거합니다.
		$(this).off();
	});
});