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

Vai trò của Sự kiện chuột pageX 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 pageX được sử dụng để lấy tọa độ ngang của con trỏ chuột. Tọa độ liên quan đến màn hình.

Ví dụ

Bạn có thể thử chạy mã sau để tìm hiểu cách triển khai pageX 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 of the mouse pointer.  
      </p>
      <script>
         function coordsFunc(event) {
            var x_coord = event.pageX;
            var y_coord = event.pageY;
            var xycoords = "X coords= " + x_coord + ", Y coords= " + y_coord;
            document.write(xycoords);
         }
      </script>
   </body>
</html>