Thuộc tính MouseEvent clientX
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;
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 clientX trả về tọa độ ngang (theo khu vực máy khách) 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 độ dọc (theo khu vực máy khách) của con trỏ chuột, hãy sử dụng thuộc tính clientY .
Lưu ý: Thuộc tính này là chỉ đọc.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
clientX | Yes | Yes | Yes | Yes | Yes |
Cú pháp
event.clientX
Chi tiết kỹ thuật
Giá trị trả lại: | Một Số, đại diện cho tọa độ ngang 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 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
Tham chiếu DOM HTML: Thuộc tính offsetX MouseEvent
Tham chiếu DOM HTML: Thuộc tính offsetY MouseEvent