JS -- offsetXY、clientXY、pageXY、screenXY的区别

offsetXY

以选中元素的盒子模型的左上角为原点，与滚动条无关

是该事件发生的盒子模型里的坐标。

clientXY

以浏览器可视区域的左上角为原点，与滚动条无关

是整个浏览器可用部分里的坐标。

pageXY

以浏览器可视区域的左上角为原点，与滚动条有关

是整个网页里的坐标，按照整个页面长度计算（包括滚动条长度）。
无滚动条时和clientXY一样。

screenXY

以用户屏幕左上角为原点

screenX 是鼠标位置相对于用户屏幕（左侧）水平偏移量，而 screenY 则是鼠标相对于屏幕（顶部）垂直方向的偏移量。

参考图