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