목차
event.pageY 예제 - 이벤트 발생 시, 마우스커서 위치 반환. event.pageY 정의 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> 결과보기
<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 속성 : 문서 왼쪽 경계 기준으로, 마우스커서 위치를 반환.
문서 상단 경계 기준으로, 마우스커서 위치를 반환.
cf.
event.pageX 속성
: 문서 왼쪽 경계 기준으로, 마우스커서 위치를 반환.
event.pageY 구문
event.pageY [매개변수] event 필수. 이벤트 바인딩 함수에서 가져옴.
event.pageY
[매개변수]
필수. 이벤트 바인딩 함수에서 가져옴.