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坐标。