Trang MouseEventY Thuộc tính
Thí dụ
Xuất ra tọa độ của con trỏ chuột khi nút chuột được nhấp vào một phần tử:
var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính pageY trả về tọa độ dọc (theo tài liệu) của con trỏ chuột khi một sự kiện chuột được kích hoạt.
Tài liệu là trang web.
Mẹo: Để lấy tọa độ ngang (theo tài liệu) của con trỏ chuột, hãy sử dụng thuộc tính pageX .
Lưu ý: Thuộc tính này là chỉ đọc.
Lưu ý: Thuộc tính này không phải là tiêu chuẩn, nhưng hoạt động trong hầu hết các trình duyệt chính.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
pageY | Yes | 12.0 | Yes | Yes | Yes |
Cú pháp
event.pageY
Chi tiết kỹ thuật
Giá trị trả lại: | Một Số, đại diện cho tọa độ dọc của con trỏ chuột, tính bằng pixel |
---|---|
Phiên bản DOM: | Không có |
Các ví dụ khác
Thí dụ
Xuất ra tọa độ của con trỏ chuột trong khi con trỏ chuột di chuyển qua một 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í dụ
Một minh chứng về sự khác biệt giữa clientX và clientY và 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;
Các trang liên quan
Tham chiếu HTML DOM: Thuộc tính MouseEvent pageX
Tham chiếu HTML DOM: Thuộc tính MouseEvent clientX
Tham chiếu DOM HTML: Thuộc tính MouseEvent clientY
Tham chiếu DOM HTML: Thuộc tính MouseEvent screenX
Tham chiếu DOM HTML: MouseEvent screenY Thuộc tính