jQuery 이벤트 - mouseleave() 메서드
예제
마우스 포인터가 요소에서 벗어나면 요소의 배경색을 변경합니다:
$("p").mouseleave(function(){ $("p").css("background-color","#E9E9E4"); });
정의 및 사용법
마우스 포인터가 요소에서 벗어나면 mouseleave 이벤트가 발생합니다.
이 이벤트는 대부분 다음과 함께 사용됩니다. mouseenter 이벤트와 함께 사용됩니다.
mouseleave() 메서드는 mouseleave 이벤트를 트리거하거나 mouseleave 이벤트가 발생할 때 실행할 함수를 정의합니다.
주의사항:mouseout 이벤트와 달리, 마우스 포인터가 선택된 요소에서 벗어나면 mouseleave 이벤트가 트리거됩니다. 마우스 포인터가 자식 요소에서 벗어나면 마우스 아웃 이벤트도 트리거됩니다. 아래 예제를 참고하세요.
직접 테스트해 보세요:mouseleave와 mouseout의 차이
함수를 mouseleave 이벤트에 바인딩합니다
문법
$().mouseleave(function)
파라미터 | 설명 |
---|---|
function | 선택 사항입니다. mouseleave 이벤트가 발생할 때 실행할 함수를 정의합니다. |