坐标位置

1.客户区坐标位置
这个位置信息报讯在事件对象的clientX和clientY属性中，他们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。注意，这些值中不包括页面的滚动距离，因此这个位置不表示鼠标在页面上的位置。
2.页面坐标位置
页面坐标通过实践对象的pageX和pageY属性，能告诉你事件是在页面中的什么位置发生的。换句话说，这两个属性表示鼠标光标在页面中的位置，因此坐标是从页面本身而非视口的左边和顶边计算的。
3.屏幕坐标位置
鼠标事件发生时，不仅会有相对浏览器窗口的位置，还有一个相对整个电脑屏幕的位置。通过screenX和screenY属性可以确定鼠标事件发生时鼠标指针相对于整个屏幕的坐标信息。

image.png