jQuery mouseenter() 메서드

jQuery 이벤트

mouseenter() 메서드는 mouseenter 이벤트를 발생시키거나, mouseenter 이벤트가 발생할 때 실행할 함수를 추가합니다。

마우스 포인터가 요소에 진입할 때 mouseenter 이벤트가 발생합니다。

이를 mouseenter라고 생각할 수도 있습니다.mousemove또는mouseover이벤트는 동일하지만, 이들은 아닙니다：

• mouseenter-마우스 포인터가 요소에 진입할 때만 호출됩니다

• mousemove-마우스 포인터를 요소에 가져갈 때 호출됩니다

• mouseover-마우스 포인터가 요소 및 그 자신의 자식 요소에 진입할 때 호출됩니다(아래 예시를 참조하세요)

mouseenter() 메서드는 일반적으로mouseleave()메서드를 함께 사용합니다。

문법：

선택된 요소의 mouseenter 이벤트를 발생시킵니다：

$(selector).mouseenter()

함수를 mouseenter 이벤트에 연결합니다:

$(selector).mouseenter(function)

실例

mouseenter와mouseleave 이벤트가 발생할 때 배경색을 변경합니다:

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

이 예제는mousemove, mouseenter 및 mouseover 간의 차이를 보여줍니다:

매개변수 값

jQuery 이벤트