반응형
*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
위의 수치는 위치에 따라 다름
반응형
'참고 > Jquery' 카테고리의 다른 글
jquery - focus, blur, focusin/foucusout (0) | 2020.05.27 |
---|---|
jquery - mouseout과 mouseleave 차이 (0) | 2020.05.27 |
jquery - a, form 태그에 클릭 이벤트 적용시 기본 이벤트 차단하기 (0) | 2020.05.27 |
jquery - 이벤트(event)등록 메서드 종류 (0) | 2020.05.27 |
jquery - 이벤트(event)등록 메서드 (0) | 2020.05.27 |
댓글