Свойства объекта MouseEvent

В чем отличие этих свойств объекта MouseEvent?
clientX/Y layerX/Y pageX/Y screenX/Y И просто X/Y? Только что еще offsetX/Y заметил.
Большинство из них одинаково. И отличие screenX/Y от остальных понятно.

Ответ

Координаты курсора мыши относительно окна. Относительно ближайшего слоя-родителя. Если элемент, который вызвал событие является слоем (то есть имеет значение свойства position отличное от static), то координата будет высчитываться относительно этого элемента. Относительно документа. Координаты относительно монитора. Псевдоним clientX/Y Показывает отступ курсора мыши по оси X/Y от края целевого DOM узла.