jQuery 이벤트 - mouseleave() 메서드

예제

마우스 포인터가 요소에서 벗어나면 요소의 배경색을 변경합니다:

$("p").mouseleave(function(){
  $("p").css("background-color","#E9E9E4");
});

직접 테스트해 보세요

정의 및 사용법

마우스 포인터가 요소에서 벗어나면 mouseleave 이벤트가 발생합니다.

이 이벤트는 대부분 다음과 함께 사용됩니다. mouseenter 이벤트와 함께 사용됩니다.

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

주의사항:mouseout 이벤트와 달리, 마우스 포인터가 선택된 요소에서 벗어나면 mouseleave 이벤트가 트리거됩니다. 마우스 포인터가 자식 요소에서 벗어나면 마우스 아웃 이벤트도 트리거됩니다. 아래 예제를 참고하세요.

직접 테스트해 보세요:mouseleave와 mouseout의 차이

mouseleave 이벤트를 트리거합니다

문법

$().mouseleave()

직접 테스트해 보세요

함수를 mouseleave 이벤트에 바인딩합니다

문법

$().mouseleave(function)
파라미터 설명
function 선택 사항입니다. mouseleave 이벤트가 발생할 때 실행할 함수를 정의합니다.

직접 테스트해 보세요