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

Sự kiện DOM 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 pageY trả về tọa độ thẳng đứng 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 độ ngang của con trỏ chuột (so với tài liệu), hãy sử dụng Thuộc tính pageX.

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

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

Mô hình

Ví dụ 1

Hiển thị tọ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 độ thẳng đứng
var coor = "X coords: " + x + ", Y coords: " + y;

Thử ngay

Ví dụ 2

Hiển thị tọa độ con trỏ chuột khi con trỏ di chuyển trên phần tử:

var x = event.pageX;
var y = event.pageY; 
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

Thử ngay

Ví dụ 3

Giải thích sự khác biệt giữa clientX và clientY cũng như screenX và screenY:

var pX = event.pageX;
var cX = event.clientX;
var pY = event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "client - X: " + cX + ", Y coords: " + cY;

Thử ngay

Cú pháp

event.pageY

Chi tiết kỹ thuật

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

Hỗ trợ trình duyệt

Thuộc tính Chrome IE Firefox Safari Opera
pageY 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 pageX của MouseEvent

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

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

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

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

Sự kiện DOM MouseEvent