티스토리 뷰

jQuery

event.pageX + event.pageY

IT 2010. 12. 27. 09:48
문서의 상단과 좌측의 상대적 위치값 체크할 때 사용한다.

다음 예제는 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
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/12   »
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