Thuộc tính MouseEvent screenX
Thí dụ
Nhận tọa độ của con trỏ chuột, liên quan đến màn hình, khi nút chuột được nhấp vào một phần tử:
var x = event.screenX; // Get the horizontal coordinate
var y = event.screenY; // 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 screenX trả về tọa độ ngang (theo màn hình máy tính của người dùng) của con trỏ chuột khi một sự kiện được kích hoạt.
Mẹo: Để lấy tọa độ dọc (theo màn hình) của con trỏ chuột, hãy sử dụng thuộc tính screenY .
Lưu ý: Thuộc tính này là chỉ đọc.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
screenX | Yes | Yes | Yes | Yes | Yes |
Cú pháp
event.screenX
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ụ
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: MouseEvent screenY Thuộc tính
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 offsetX MouseEvent
Tham chiếu DOM HTML: Thuộc tính offsetY MouseEvent