jQuery mouseover() 메서드

jQuery 이벤트

mouseover() 메서드는 mouseover 이벤트를 트리거하거나, mouseover 이벤트가 발생할 때 실행할 함수를 추가합니다.

마우스 포인터가 요소 및 자식 요소에 들어갈 때 mouseover 이벤트가 발생합니다.

mouseover,mouseenter그리고mousemove이벤트는 같지만 다릅니다:

• mouseover-마우스 포인터가 요소 및 자식 요소에 들어갈 때 호출됩니다

• mouseenter-마우스 포인터가 요소에 들어갈 때만 호출됩니다

• mousemove-마우스 포인터를 요소에 가져가면 호출됩니다. (아래 예제 참조)

mouseover() 메서드는 일반적으로mouseout()메서드를 함께 사용하다

문법:

선택된 요소의 마우스 오버 이벤트를 발생시키다

$(selector).mouseover()

함수를 mouseover 이벤트에 추가하다

$(selector).mouseover(function)

예제

mouseover와 mouseout 이벤트가 발생할 때 배경색 변경:

$("p").mouseover(function(){
　　$(this).css("background-color", "yellow");
});
$("p").mouseout(function(){
　　$(this).css("background-color", "lightblue");
});

이 예제는 mouseenter, mousemove, mouseover 간의 차이를 보여줍니다:

파라미터 값

jQuery 이벤트