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

목차

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

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