jQuery 이벤트 - mouseout() 메서드

jQuery 이벤트 참조 매뉴얼

예제

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

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

직접 시도해 보세요

정의 및 사용법

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

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

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

주의사항：mouseleave 이벤트와 달리, 마우스 포인터가 선택된 요소나 그 하위 요소에서나 떠나면 mouseout 이벤트가 트리거됩니다. 마우스 포인터가 선택된 요소에서만 mouseleave 이벤트가 트리거됩니다. 아래 예제를 참고하세요.

직접 시도해 보세요：mouseleave와 mouseout의 차이

mouseout 이벤트 트리거

문법

$(선택자).mouseout()

직접 시도해 보세요

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

문법

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

직접 시도해 보세요

jQuery 이벤트 참조 매뉴얼