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

#javascript

В чем отличие этих свойств объекта MouseEvent?


clientX/Y,
layerX/Y,
pageX/Y,
screenX/Y,
И просто X/Y?
Только что еще offsetX/Y заметил.


Большинство из них одинаково. И отличие screenX/Y от остальных понятно.
    

Ответы

Ответ 1

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