Thuộc tính screenX của sự kiện MouseEvent

Sự kiện DOM MouseEvent

Định nghĩa và cách sử dụng

Thuộc tính screenX trả về tọa độ ngang của con trỏ chuột khi sự kiện được kích hoạt (tương đối với màn hình máy tính của người dùng).

Lưu ý:Để lấy tọa độ thẳng của con trỏ chuột (tương đối với màn hình máy tính của người dùng), hãy sử dụng screenY Thuộc tính.

Ghi chú:Thuộc tính này chỉ đọc.

Mô hình

Ví dụ 1

Lấy tọa độ con trỏ chuột tương đối với màn hình khi nhấn nút chuột trên phần tử:

var x = event.screenX;     // Lấy tọa độ ngang
var y = event.screenY;     // Lấy tọa độ thẳng
var coor = "Tọa độ X: " + x + ", tọa độ Y: " + y;

Thử ngay

Ví dụ 2

Giải thích sự khác biệt giữa clientX và clientY cũng như screenX và screenY:

var cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", tọa độ Y: " + cY;
var coords2 = "screen - X: " + sX + ", tọa độ Y: " + sY;

Thử ngay

Cú pháp

event.screenX

Chi tiết kỹ thuật

Giá trị trả về: Giá trị số, biểu thị tọa độ ngang của con trỏ chuột, tính bằng pixel.
Phiên bản DOM: DOM Level 2 Events

Hỗ trợ trình duyệt

Thuộc tính Chrome IE Firefox Safari Opera
screenX Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Trang liên quan

Tài liệu tham khảo HTML DOM:Thuộc tính screenY của MouseEvent

Tài liệu tham khảo HTML DOM:Thuộc tính clientX của MouseEvent

Tài liệu tham khảo HTML DOM:Thuộc tính clientY của MouseEvent

Tài liệu tham khảo HTML DOM:Thuộc tính offsetX của MouseEvent

Tài liệu tham khảo HTML DOM:Thuộc tính offsetY của MouseEvent

Sự kiện DOM MouseEvent