event.pageX

설명 : 문서의 왼쪽 가장자리를 기준으로 한 마우스 위치입니다.

예:

이 iframe 내에서 문서의 왼쪽 및 위쪽 가장자리를 기준으로 마우스 위치를 표시합니다.

<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>event.pageX demo</title>

  <style>

  body {

    background-color: #eef;

  }

  div {

    padding: 20px;

  }

  </style>

  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

</head>

<body>

<div id="log"></div>

<script>

$( document ).on( "mousemove", function( event ) {

  $( "#log" ).text( "pageX: " + event.pageX + ", pageY: " + event.pageY );

});

</script>

</body>

</html>