Vai trò của pageX trong sự kiện chuột JavaScript?

Thuộc tính pageX trả về tọa độ ngang (horizontal) của con trỏ chuột so với toàn bộ tài liệu (kể cả phần cuộn).

Ví dụ

<!DOCTYPE html>
<html>
  <body>
    <p onclick="coordsFunc(event)">Click để lấy tọa độ X (ngang) và Y (dọc) của chuột.</p>
    <script>
      function coordsFunc(event) {
        var x_coord = event.pageX;
        var y_coord = event.pageY;
        var xycoords = "X = " + x_coord + ", Y = " + y_coord;
        document.write(xycoords);
      }
    </script>
  </body>
</html>