e.pageX, e.pageY

[ e.pageX, e.pageY ]

화면상에서 마우스 커서의 x축, y축 좌표 구하기

-

브라우저 상에서 현재 마우스 커서의 위치값을 구하려면 e.pageX와 e.pageY를 사용한다.

＊event.pageX : 

문서의 왼쪽상단을 기준으로 마우스 위치의 X좌표 값 http://api.jquery.com/event.pagex/

＊event.pageY : 

문서의 왼쪽상단을 기준으로 마우스 위치의 Y좌표 값 http://api.jquery.com/event.pagey/

마우스 커서의 위치를 실시간으로 계산해줌으로 주로 mousemove이벤트와 같이 사용된다.

https://api.jquery.com/mousemove/#mousemove-handler

https://jsfiddle.net/jywoo/5fa0hedk/6/

$(window).on("mousemove", function(e){
//매개변수 e는 event objec의 속성인 pageX/pageY를 쓰기 위해 써줘야함
	var x = e.pageX;
  var Y = e.pageY;
  $('.txtX').text(x);//마우스 X축의 좌표
  $('.txtY').text(Y);//마우스 Y축의 좌표
});