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

Sự kiện DOM MouseEvent

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

Thuộc tính screenY trả về tọa độ thẳng đứng của con trỏ chuột vào thời điểm sự kiện được kích hoạt (so với màn hình máy tính của người dùng).

Lưu ý:Để lấy tọa độ ngang của con trỏ chuột (so với màn hình máy tính của người dùng), hãy sử dụng screenX 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 so 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 đứng
var coor = "X coords: " + x + ", Y coords: " + 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 + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;

Thử ngay

Cú pháp

event.screenY

Chi tiết kỹ thuật

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

Hỗ trợ trình duyệt

Thuộc tính Chrome IE Firefox Safari Opera
screenY 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 screenX 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