屏幕坐标
顾名思义,即整个电脑屏幕上任意一点的位置坐标,对应的属性分别为screenX,screenY
客户区域(可视窗口)坐标
可以将浏览器分为两大块,即浏览器上部的用户操作栏 和下部的可视窗口区域 ,该坐标系 的原点位于可视窗口的右上角,对应的属性为clientX,clientY
页面坐标
过客户区坐标能够知道鼠标是在视口中什么位置发生的,而页面坐标通过事件对象的 pageX 和 pageY 属性,能告诉你事件是在页面中的什么位置发生的。换句话说,这两个属性表示鼠标光标在页面中的位置,因此坐标是从页面本身而非视口的左边和顶边计算的 。



