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