e.offsetX/e.clientX/e.pageX的区别

e.offsetX/e.clientX/e.pageX/e.screenX的区别

没有标注的是各浏览器都支持的：

e.offsetX：鼠标相对于事件源的X方向的距离( firfox 不支持)
e.offsetY：鼠标相对于事件源的Y方向的距离( firfox 不支持)

e.clientX：距离浏览器可视区域X方向的距离
e.clientY：距离浏览器可视区域Y方向的距离

e.pageX：鼠标相对于文档X方向的距离( ie678 不支持)
e.pageY：鼠标相对于文档X方向的距离( ie678 不支持)

e.screenX：鼠标距离屏幕X方向的距离
e.screenY：鼠标距离屏幕Y方向的距离(包含浏览器的地址栏)

转载于:https://www.cnblogs.com/rainbow8590/p/7098817.html