• Q&A
  • 회원가입
  • 로그인

[Event] JQ - event.pageX 속성 - 문서 왼쪽 기준해, 마우스커서 수평 위치 반환. (= 이벤트.페이지엑스 속성)

154  

목차

  1. event.pageX 예제 - 마우스커서 수평 위치 반환.
  2. event.pageX 정의
  3. event.pageX 구문

 

event.pageX 예제 - 마우스커서 수평 위치 반환.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $(document).mousemove(function(event){ 

    $("span").text("X: " + event.pageX + ", Y: " + event.pageY); 

  });

});

</script>


<p>마우스커서 좌표: <span></span></p>


결과보기


event.pageX 정의

 

문서 왼쪽 기준으로, 마우스커서 위치를 반환.

 


cf.

event.pageY 속성.

: 문서 상단 기준으로, 마우스커서 위치를 반환.

 

 

 

event.pageX 구문

 

event.pageX

 


[매개변수]

 

event

필수. 이벤트 바인딩 함수에서 가져옴.

 



찾아주셔서 감사합니다. Since 2012