• 회원가입
  • 로그인

[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

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

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

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