MouseEvent.screenX

Этот перевод не завершён. Пожалуйста, помогите перевести эту статью с английского

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

Синтаксис

var x = instanceOfMouseEvent.screenX

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

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

Пример

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

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' в этой спецификации.
Устаревшая Первоначальное определение

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
screenXChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка ДаIE Полная поддержка 9Opera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
Value type changed from long to doubleChrome Полная поддержка 56Edge Полная поддержка ≤79Firefox ? IE ? Opera ? Safari ? WebView Android Полная поддержка 56Chrome Android Полная поддержка 56Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android Полная поддержка 6.0

Легенда

Полная поддержка  
Полная поддержка
Совместимость неизвестна  
Совместимость неизвестна

См. также