Computer >> Máy Tính >  >> Lập trình >> Javascript

Vai trò của Sự kiện chuột clientX trong JavaScript là gì?

Khi một sự kiện chuột được kích hoạt, thuộc tính sự kiện chuột clientX được sử dụng để lấy tọa độ ngang của con trỏ chuột. Đây là theo cửa sổ hiện tại.

Ví dụ

Bạn có thể thử chạy mã sau để tìm hiểu cách triển khai clientX Sự kiện chuột trong JavaScript.

<!DOCTYPE html>
<html>
   <body>
      <p onclick = "coordsFunc(event)">
         Click here to get the x (horizontal) and y (vertical) coordinates
         (according to current window) of the mouse pointer.
      </p>
      <script>
         function coordsFunc(event) {
            var x_coord = event.clientX;
            var y_coord = event.clientY;
            var xycoords = "X coords= " + x_coord + ", Y coords= " + y_coord;
            document.write(xycoords);
         }
      </script>
   </body>
</html>