jQuery 이벤트 - mouseenter() 메서드

jQuery 이벤트 참조 매뉴얼

예제

마우스 포인터가 요소에 들어갈 때(통과할 때) 요소의 배경색을 변경합니다：

$("p").mouseenter(function(){
  $("p").css("background-color","yellow");
});

직접 시험해 보세요

정의 및 사용법

마우스 포인터가 요소를 통과할 때 mouseenter 이벤트가 발생합니다.

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

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

주의사항：mouseover 이벤트와 달리, 마우스 포인터가 선택된 요소를 통과할 때만 mouseenter 이벤트가 트리거됩니다. 마우스 포인터가 어떤 자식 요소를 통과하든 mouseover 이벤트가 트리거됩니다. 아래 예제를 참고하세요.

직접 시험해 보세요：mouseenter와 mouseover의 차이

mouseenter 이벤트를 트리거합니다

문법

$(선택자).mouseenter()

직접 시험해 보세요

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

문법

$(선택자).mouseenter(function)
매개변수 설명
function 선택 사항입니다. mouseenter 이벤트가 발생할 때 실행할 함수를 정의합니다.

직접 시험해 보세요

jQuery 이벤트 참조 매뉴얼