关于对clientX(Y)/pageX(Y)/screenX(Y)的认识

screenX ：【参照原点：屏幕的左上角】鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的；

clientX ：【参照原点：浏览器内容区域的左上角】鼠标位置相对于用户浏览器内容区域的水平偏移量，而clientY也就是垂直方向的，该参照点会随之滚动条的移动而移动；

pageX ：【参照原点：浏览器内容区域的左上角】同clientX（pageY同clientY），但它不会随着滚动条而变动。