Quantcast
Viewing all articles
Browse latest Browse all 10

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>

Viewing all articles
Browse latest Browse all 10