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

Thuộc tính clientX trả về tọa độ ngang của chuột so với khung nhìn trình duyệt (viewport), không kể cuộn trang.

Ví dụ

<!DOCTYPE html>
<html>
  <body>
    <p onclick="coordsFunc(event)">Click để lấy tọa độ X, Y theo cửa sổ hiện tại.</p>
    <script>
      function coordsFunc(event) {
        var x_coord = event.clientX;
        var y_coord = event.clientY;
        var xycoords = "X = " + x_coord + ", Y = " + y_coord;
        document.write(xycoords);
      }
    </script>
  </body>
</html>