[Event] JQ - event.pageY 속성 - 문서 상단 기준해, 마우스커서 수직 위치 반환. (= 이벤트.페이지와이 속성)

목차

1. event.pageY 예제 - 이벤트 발생 시, 마우스커서 위치 반환.
2. event.pageY 정의
3. event.pageY 구문

event.pageY 예제 - 이벤트 발생 시, 마우스커서 위치 반환.

 

<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.pageY 정의

 

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

 

---

cf.

event.pageX 속성

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

 

event.pageY 구문

 

event.pageY

 

---

[매개변수]

 

event

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