2010. 12. 27. 09:48 jQuery

event.pageX + event.pageY

문서의 상단과 좌측의 상대적 위치값 체크할 때 사용한다.

다음 예제는 document안에서 mousemove event 발생시 log 아이디를 가지고 있는 div 안에
event 발생 위치값을 출력하는 예제이다.

<!DOCTYPE html>
<html>
<head>
  <style>body {background-color: #eef; }
div { padding: 20px; }</style>
  <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
  <div id="log"></div>
<script>$(document).bind('mousemove',function(e){ 
            $("#log").text("e.pageX: " + e.pageX + ", e.pageY: " + e.pageY); 
}); </script>

</body>
</html>


'jQuery' 카테고리의 다른 글

.trigger()  (0) 2010.12.27
.bind()  (0) 2010.12.27
load() 이벤트 처리기 메서드  (0) 2010.12.26
ready() 이벤트 처리기 메서드  (0) 2010.12.26
jQuery + json  (0) 2010.12.13
Posted by IT

블로그 이미지
IT

공지사항

Yesterday
Today
Total

달력

 « |  » 2025.5
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함