Свойство screenX события MouseEvent

События DOM MouseEvent

Определение и использование

Свойство screenX возвращает горизонтальную координату курсора мыши в момент возникновения события (относительно экрана пользователя компьютера).

Совет:Чтобы получить вертикальную координату курсора мыши (относительно экрана пользователя компьютера), используйте screenY Свойства.

Примечание:Эта свойство только для чтения.

Пример

Пример 1

Получить координаты курсора мыши относительно экрана при нажатии кнопки мыши на элементе:

var x = event.screenX;     // Получить горизонтальную координату
var y = event.screenY;     // Получить вертикальную координату
var coor = "X coords: " + x + ", Y coords: " + y;

Попробуйте сами

Пример 2

Демонстрация различий между clientX и clientY, а также screenX и 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;

Попробуйте сами

Синтаксис

event.screenX

Технические детали

Возвратное значение: Числовое значение, представляющее собой горизонтальную координату курсора мыши в пикселях.
Версия DOM: Уровень 2 событий DOM

Поддержка браузеров

Свойства Chrome IE Firefox Safari Opera
screenX Поддержка Поддержка Поддержка Поддержка Поддержка

Связанные страницы

Руководство HTML DOM:Атрибут screenY MouseEvent

Руководство HTML DOM:Атрибут clientX MouseEvent

Руководство HTML DOM:Атрибут clientY MouseEvent

Руководство HTML DOM:Атрибут offsetX MouseEvent

Руководство HTML DOM:Атрибут offsetY MouseEvent

События DOM MouseEvent