jQuery mouseleave() 메서드
예시
마우스 포인터가 <p> 요소를 떠날 때 배경색을 회색으로 설정합니다.
$("p").mouseleave(function(){
$("p").css("background-color", "gray");
});
정의 및 사용
mouseleave 이벤트는 마우스 포인터가 선택된 요소를 떠날 때 발생합니다.
mouseleave() 메서드는 mouseleave 이벤트를 트리거하거나 mouseleave 이벤트가 발생할 때 실행할 함수를 첨부합니다.
참고: mouseout 이벤트 와 달리 mouseleave 이벤트는 마우스 포인터가 선택한 요소를 벗어날 때만 트리거됩니다. 마우스 포인터가 자식 요소와 선택한 요소를 떠나면 mouseout 이벤트가 트리거됩니다. 데모는 페이지 끝에 있는 예제를 참조하십시오.
팁: 이 이벤트는 종종 mouseenter 이벤트 와 함께 사용됩니다 .
통사론
선택한 요소에 대해 mouseleave 이벤트를 트리거합니다.
$(selector).mouseleave()
mouseleave 이벤트에 함수를 연결합니다.
$(selector).mouseleave(function)
| Parameter | Description |
|---|---|
| function | Optional. Specifies the function to run when the mouseleave event is triggered |
직접 해보십시오 - 예
의 차이점 mouseleave()와 mouseout()의 차이점을 보여줍니다.