jQuery mouseleave() 메서드

jQuery 이벤트

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

마우스 포인터가 특정 요소에서 벗어날 때 mouseleave 이벤트가 발생합니다.

이를 통해 mouseleave와mouseout이벤트는 같지만, 그들은 아닙니다:

• mouseleave-마우스 포인터를 특정 요소에서 벗어날 때 호출됩니다

• mouseout-마우스 포인터를 특정 요소나 그 자식 요소 중 하나에서 벗어날 때 호출됩니다(아래 예제를 참조하세요)

mouseleave() 메서드는 일반적으로mouseenter()메서드를 함께 사용합니다。

문법:

선택된 요소의 mouseleave 이벤트를 발생시킵니다:

$(selector).mouseleave()

함수를 mouseleave 이벤트에 연결합니다:

$(selector).mouseleave(function)

예제

mouseenter와 mouseleave 이벤트가 발생할 때 배경색 변경:

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

이 예제는 mouseleave와 mouseout 간의 차이를 보여줍니다:

파라미터 값

jQuery 이벤트