마우스 이벤트

마우스 이벤트

이벤트 이름	설명
click	마우스를 클릭할 때 발생합니다.
dbclick	마우스를 더블 클릭할 때 발생합니다.
mousedown	마우스 버튼을 누를 때 발생합니다.
mouseup	마우스 버튼을 뗄 때 발생합니다.
mouseenter	마우스가 요소의 경계 외부에서 내부로 이동할 때 발생합니다.
mouseleave	마우스가 요소의 경계 내부에서 외부로 이동할 때 발생합니다.
mousemove	마우스를 움직일 때 발생합니다.
mouseout	마우스가 요소를 벗어날 때 발생합니다.
mouseover	마우스를 요소 안에 들어올 때 발생합니다.

ex)

$(document).ready(function() {
	$('outer').mouseover(function() {
		$('body').append('<h1>MOUSEOVER</h1>');
	}).mouseenter(function() {
		$('body').append('<h1>MOUSEENTER</h1>');
	});
});

mouseover 이벤트는 사실상 현대에서 거의 사용하지 않고, 대부분 mouseenter 이벤트만 사용하는 것이 추세