1.clientX、clientY（客户区坐标位置）表示鼠标事件发生时，鼠标在视口中的水平、垂直坐标值。
注意，clientX、clientY不包括页面滚动的距离，因此这个位置并不表示鼠标在页面上的位置（pageX、pageY）。
2.pageX、pageY(页面坐标位置)表示鼠标事件发生时，鼠标在页面中的水平、垂直坐标值。
注意，pageX、pageY是从页面本身而非视口的左边和顶边（clientX、clientY）计算的。
3.在页面没有滚动条的情况下，两者的值是完全相等的。
4.在页面出现滚动条的情况下，并且视口左上角和页面左上角不重合时，两者的值不相等。
5.总结：client是鼠标事件发生时鼠标相对于视口左上角的位置，page是鼠标事件发生时是鼠标相对于页面左上角的位置。两者只有在视口左上角和页面左上角不重合时，两者的值才不相等。
6.screenX、screenY表示事件发生时，鼠标在电脑屏幕中的水平、垂直坐标值。