본문 바로가기
참고/Jquery

jquery - mousemove

by Elfen Lied 2020. 5. 27.
반응형

*mousemove() 이벤트 메서드

<p><span class="posX">0</span>px</p>
<p><span class="posY">0</span>px</p>
-----------------------------------------------

$(function(){
    $(document).on("mousemove", function(e){
        $(".posX").text(e.pageX);
        $(".posY").text(e.pageY);
    });
});



결과
움직일 때마다 마우스 위치의 값이 실시간으로 출력

166px
152px

위의 수치는 위치에 따라 다름

 

반응형

댓글