jQuery mousemove() 메서드

jQuery 이벤트

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

마우스 포인터가 선택된 요소에 오를 때 mousemove 이벤트가 발생합니다.

mousemove가 될 수도 있습니다.mouseenter와mouseover이벤트는 같지만 다릅니다：

• mouseenter-마우스 포인터가 요소에 들어갈 때만 호출됩니다

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

• mouseover-마우스 포인터가 요소 및 자식 요소에 들어갈 때 호출됩니다(아래 예시 참조)

문법：

선택된 요소의 mousemove 이벤트를 트리거합니다：

$("selector").mousemove()

함수를 mousemove 이벤트에 추가합니다：

$("selector").mousemove(function)

예제

mousemove 이벤트가 트리거될 때 랜덤 수를 표시합니다：

$("div").mousemove(function(){
　　$("this").text(Math.random());
});

마우스 포인터가 페이지 내에서의 위치를 얻습니다：

$(document).mousemove(function(event){　
　　$("#output").text("pageX:　"　+　event.pageX　+　",　pageY:　"　+　event.pageY);
});

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

$("div").mousemove(function(){
　　$(this).css("background",　randColor());
});
//　랜덤 색상 생성 함수
function　randColor()　{
　　return　'rgb('　+　Math.floor(Math.random()*256)　+　','　+　Math.floor(Math.random()*256)　+　
　　','　+　Math.floor(Math.random()*256)　+　')';
}

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

파라미터 값

jQuery 이벤트