Положение мыши - совместимость с браузером - Javascript

Работа с мышью внутри Javascript Я иногда встречал следующие атрибуты событий:

  • clientX, clientY
  • layerX, layerY
  • offsetX, offsetY
  • pageX, pageY
  • screenX, screenY
  • x, y

Мне интересно, как выглядит их кросс-браузерная совместимость в целом, поскольку я нашел только фрагменты информации, которые я пытаюсь собрать вместе.

Спасибо, ребята,

Ответы

Ответ 1

Вот как это делает jQuery:

// Calculate pageX/Y if missing and clientX/Y available
if ( event.pageX == null && event.clientX != null ) {
  var doc = document.documentElement, body = document.body;
  event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
  event.pageY = event.clientY + (doc && doc.scrollTop  || body && body.scrollTop  || 0) - (doc   && doc.clientTop  || body && body.clientTop  || 0);
}

Тестирование pageX (или pageY) или вычисление его из clientX и scrollLeft и clientLeft