jquery获取鼠标位置(兼容原生js)

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值不受影响）

3.如何获得浏览器外鼠标位置

参考资料：

https://www.cnblogs.com/moqiutao/p/5050225.html