В чем разница между pageX и clientX при работе с событиями мыши?

Разница между pageX и clientX при работе с событиями мыши заключается в том, что pageX указывает координаты относительно всей страницы, а clientX — относительно области просмотра окна браузера. 15

PageX показывает координату X курсора мыши относительно всей страницы, включая прокрученные области. 1 Значение pageX изменяется при прокрутке страницы, так как оно учитывает общее смещение страницы. 1

ClientX, в свою очередь, позволяет узнать координату X курсора мыши относительно видимой области страницы. 3 Значение clientX не изменяется при прокрутке, так как оно всегда относится к текущему видимому окну. 1

Таким образом, pageX лучше использовать, когда нужно отслеживать положение мыши относительно всей страницы, а clientX — когда необходимо знать положение мыши только в пределах видимой области экрана. 45