clientX、clientY:
相对于浏览器窗口可视区域的X,Y坐标。
pageX、pageY:
类似于clientX、clientY,相对于浏览器窗口可视区域的X,Y坐标加上滚动条滚动的长度，说白了就是文档坐标。
套用公式就是：
pageX = clientX + document.documentElement.scrollLeft- document.documentElement.clientLeft (一般是0)
offsetX、offsetY:
相对于事件源元素内边框的X,Y坐标。
screenX、screenY:
相对于显示屏，而不是浏览器窗体的左上角的X,Y坐标。
