Thuộc tính MouseEvent clientX
Ví dụ
Tọa độ con trỏ chuột khi nhấn vào:
let x = event.clientX; // Horizontal
let y = event.clientY; // Vertical
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Thuộc tính clientX
trả về tọa độ máy khách theo chiều ngang của con trỏ chuột khi xảy ra sự kiện chuột.
Thuộc tính clientX
ở dạng chỉ đọc.
Khu vực khách hàng là cửa sổ hiện tại.
Thuộc tính tọa độ
Tài sản | Liên quan đên |
---|---|
Thuộc tính screenX | Khu vực màn hình |
Màn hìnhY Thuộc tính | Khu vực màn hình |
Thuộc tính clientX | Khu vực cửa sổ |
Thuộc tính clientY | Khu vực cửa sổ |
Thuộc tính trangX | Trang (Tài liệu) |
Thuộc tính trangY | Trang (Tài liệu) |
Thuộc tính offsetX | Yếu tố mục tiêu |
Thuộc tính offsetY | Yếu tố mục tiêu |
Xem thêm:
Cú pháp
event .clientX
Chi tiết kỹ thuật
Giá trị trả về: | Một số. Tọa độ pixel cửa sổ ngang của con trỏ chuột. |
---|---|
Phiên bản DOM: | Sự kiện chuột cấp 2 của DOM . |
Thêm ví dụ
Ví dụ
Tọa độ của con trỏ chuột khi con trỏ chuột di chuyển:
let x = event.clientX;
let y = event.clientY;
Hãy tự mình thử »Ví dụ
Sự khác biệt giữa clientX và clientY và screenX và screenY:
let cX = event.clientX;
let cY = event.clientY;
let sX = event.screenX;
let sY = event.screenY;
Hãy tự mình thử »Hỗ trợ trình duyệt
event.clientX
là tính năng DOM Cấp 2 (2001).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |