Thuộc tính pageX của sự kiện MouseEvent

Sự kiện DOM Sự kiện MouseEvent

Định nghĩa và cách sử dụng

Khi sự kiện chuột được kích hoạt, thuộc tính pageX trả về tọa độ ngang của con trỏ chuột (so với tài liệu).

Tài liệu là trang web.

Lưu ý:Để lấy tọa độ dọc của con trỏ chuột (so với tài liệu), hãy sử dụng Thuộc tính pageY.

Ghi chú:Thuộc tính này chỉ đọc.

Ghi chú:Thuộc tính này không phải là chuẩn, nhưng nó phù hợp với hầu hết các trình duyệt chính.

Mẫu

Ví dụ 1

Xuất ra tọa độ của con trỏ chuột khi nhấn nút chuột trên phần tử:

var x = event.pageX;     // Lấy tọa độ ngang
var y = event.pageY;     // Lấy tọa độ dọc
var coor = "tọa độ X: " + x + ", tọa độ Y: " + y;

Thử trực tiếp

Ví dụ 2

Xuất ra tọa độ của con trỏ chuột khi di chuyển trên phần tử:

var x = event.pageX;
var y = event.pageY; 
var coor = "tọa độ X: " + x + ", tọa độ Y: " + y;
document.getElementById("demo").innerHTML = coor;

Thử trực tiếp

Ví dụ 3

Mô tả sự khác biệt giữa pageX và pageY cũng như screenX và screenY:

var pX = event.screenX;
var cX = event.pageX;
var pY = event.screenY;
var cY = event.pageY;
var coords1 = "tọa độ trang - X: " + pX + ", tọa độ Y: " + pY;
var coords2 = "tọa độ màn hình - X: " + cX + ", tọa độ Y: " + cY;

Thử trực tiếp

Cú pháp

event.pageX

Chi tiết kỹ thuật

Giá trị trả về: Số, biểu thị tọa độ水平 của con trỏ chuột bằng đơn vị pixel.
Phiên bản DOM: Không có.

Hỗ trợ trình duyệt

Thuộc tính Chrome IE Firefox Safari Opera
pageX Hỗ trợ 12.0 Hỗ trợ Hỗ trợ Hỗ trợ

Trang liên quan

Tài liệu tham khảo HTML DOM:Thuộc tính pageY của sự kiện MouseEvent

Tài liệu tham khảo HTML DOM:Thuộc tính clientX của sự kiện MouseEvent

Tài liệu tham khảo HTML DOM:Thuộc tính clientY của sự kiện MouseEvent

Tài liệu tham khảo HTML DOM:Thuộc tính screenX của sự kiện MouseEvent

Tài liệu tham khảo HTML DOM:Thuộc tính screenY của sự kiện MouseEvent

Sự kiện DOM Sự kiện MouseEvent