이벤트

특정 요소에 이벤트 추가하기 - on()

$(요소).on(이벤트 종류, 함수);

요소에 이벤트 종류가 일어날 경우 함수를 실행한다.

 

 

예)

// id가 btn인 요소를 click하면
$("#btn").on("click", function () {
	// console에 출력
	console.log("button is clicked");
});

$("")의 선택자는 css 선택자와 동일하다.

 

 

 

이벤트의 종류

click - 클릭

dblclick - 더블클릭

mouseup - 마우스 클릭 후 버튼을 뗄 때

mousedown - 마우스 버튼이 내려갈 때

mouseover - 마우스 커서를 위에 올릴 때

keyup - 키보드를 눌렀다 뗄 때

keydown - 키보드를 누를 때

change - 내부 요소가 변경될 때 (예. input에 텍스트 입력 등)

...

 

 

 

특정 요소의 이벤트 제거하기 - off()

$(요소).off(이벤트 종류);

요소에 이벤트 종류 가 일어났을 때 실행되는 함수를 모두 제거한다.

 

 

예)

$("#btn").off("click");

id가 btn인 요소를 클릭해도 더이상 함수가 실행되지 않는다.