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方向的距离(包含浏览器的地址栏)
posted @ 2017-06-30 14:52  rainbow8590  阅读(415)  评论(0编辑  收藏  举报