Khách hàng 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.clientX; // Get the horizontal coordinate
var y = event.clientY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Kết quả của coor có thể là:
X coords: 142, Y coords: 99
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 clientY trả về tọa độ dọc (theo khu vực khách hàng) của con trỏ chuột khi một sự kiện chuột được kích hoạt.
Khu vực khách hàng là cửa sổ hiện tại.
Mẹo: Để lấy tọa độ ngang (theo vùng máy khách) của con trỏ chuột, hãy sử dụng thuộc tính clientX .
Lưu ý: Thuộc tính này là chỉ đọc.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
clientY | Yes | Yes | Yes | Yes | Yes |
Cú pháp
event.clientY
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: | Sự kiện DOM cấp 2 |
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.clientX;
var y = event.clientY;
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 cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;
Các trang liên quan
Tham chiếu HTML DOM: Thuộc tính MouseEvent clientX
Tham chiếu DOM HTML: Thuộc tính MouseEvent screenX
Tham chiếu DOM HTML: MouseEvent screenY Thuộc tính
Tham chiếu DOM HTML: Thuộc tính offsetX MouseEvent
Tham chiếu DOM HTML: Thuộc tính offsetY MouseEvent