event.pageX
원문 링크 
http://api.jquery.com/event.pageX/
개요 : 문서의 왼쪽 가장자리를 기준으로 마우스 위치의 X좌표 값.
- .event.pageX
예 제
마우스 위치의 X 좌표값을 알아보죠.(아래 영역에 마우스를 위치시켜 보세요.
<!DOCTYPE html>
<html>
<head>
<style>body {background-color: #eef; }
div { padding: 20px; }</style>
<script src="http://code.jquery.com/jquery-latest.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>미리보기
마우스 X, Y 좌표가 나오네요.
마우스 좌표값 얻기에 사용하세요. 브라우져 마다 달라서 고생스러웠는데 잘 사용할 수 있겠네요.
그럼 즐프하세요.
※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
| jQuery API 정복 - focus(), 요소에 포커스 주기 (0) | 2011.12.13 |
|---|---|
| jQuery API 정복 - event.timeStamp, 이벤트 사이의 시간 (0) | 2011.12.13 |
| jQuery API 정복 - event.target, 이벤트가 발생한 요소 (2) | 2011.12.13 |
| jQuery API 정복 - event.pageY, 마우스 Y 좌표 (0) | 2011.12.13 |
| jQuery API 정복 - die(), 이벤트 해제하기 (2) | 2011.12.08 |
| jQuery API 정복 - delegate(), 이벤트 바인딩하기 (1) | 2011.12.08 |
| jQuery API 정복 - 더블클릭 이벤트, dblclick() (4) | 2011.11.25 |
| jQuery API 정복 - 클릭 이벤트, click() (0) | 2011.11.25 |