MouseEvent.screenX

screenX - read-only свойство интерфейса события MouseEvent, соответствующее горизонтальной координате (смещению) указателя мыши в глобальных (экранных) координатах.

Синтаксис

var x = instanceOfMouseEvent.screenX

Возвращаемое значение

Значение с плавающей точкой типа double. В ранних версиях этой спецификации определялось как целое число, соответствующее количеству пикселей. Подробнее см. раздел "Совместимость с браузерами". 

Пример

Этом примере демонстрирует координаты вашей мыши в случае получения события mousemove (en-US).

HTML

<p>Подвигайте мышью, чтобы увидеть положение её курсора.</p>
<p id="screen-log"></p>

JavaScript

let screenLog = document.querySelector('#screen-log');
document.addEventListener('mousemove', logKey);

function logKey(e) {
  screenLog.innerText = `
    Screen X/Y: ${e.screenX}, ${e.screenY}
    Client X/Y: ${e.clientX}, ${e.clientY}`;
}

Результат выполнения

Обработка события

Когда вы отлавливаете события на окне, документе или других элементах, имеющих размер, вы можете получить координаты этого события (например, клика), и обработать его соответствующим образом, например, так, как в этом примере:

function checkClickMap(e) {
  if (e.screenX < 50) doRedButton();
  if (50 <= e.screenX && e.screenX < 100) doYellowButton();
  if (e.screenX >= 100) doRedButton();
}

Спецификации

Спецификация Состояние Комментарий
CSS Object Model (CSSOM) View Module
Определение 'screenX' в этой спецификации.
Рабочий черновик Переопределяет MouseEvent из long в double.
Document Object Model (DOM) Level 3 Events Specification
Определение 'MouseEvent.screenX' в этой спецификации.
Устаревшая Нет изменений ср. с Document Object Model (DOM) Level 2 Events Specification.
Document Object Model (DOM) Level 2 Events Specification
Определение 'MouseEvent.sceenX' в этой спецификации.
Устаревшая Первоначальное определение

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также