e.offsetX/e.offsetY 鼠标点距绑定事件的dom源左上角距离
e.clientX/e.clientY 鼠标点距浏览器客户区左上角距离
e.pageX/e.pageY 鼠标点距浏览器文档左上角距离
e.screenX/e.screenY 鼠标点距屏幕左上角距离
注:
1.有文章说firefox不支持offsetX/offsetY,经测试新版firefox已支持了。这样以上4种位置实现了主要浏览器的兼容(IE/Chrome/Firefox)
2.当body没有滚动条时,page和offset是一样的。如果body有滚动条,page值随滚动条位置变化。(注意的注意:是body的滚动。假设dom父容器有滚动条,但body没有,page值不受影响)
参考资料: