http://blog.csdn.net/lzding/article/details/45437707
- event.screenX(Y) 即鼠标相对于显示器屏幕左上角x，y坐标。标准事件属性，所有浏览器都支持
- event.clientX(Y) 即鼠标相对于浏览器窗口可视区域（视窗）的X，Y坐标，可视区域不包括工具栏和滚动条。标准事件属性，所有浏览器支持
- event.pageX(Y) 即鼠标相对于文档坐标。在没有滚动条的情况下一般宽高度一般与clientX（Y）相等，有滚动条时pageX(Y)=clientX(Y)+横向（纵向）滚动距离。不是标准属性，但是支持度广泛，只有ie9以前版本不支持
- offsetX(Y) 触发点相对被触发dom的左上角距离。IE事件属性，火狐浏览器不支持
- layerX(Y) 触发点相对被触发dom左上角的距离，数值与offsetX/Y相同，这个变量就是firefox用来替代offsetX/Y的，基准点为边框左上角，但是有个条件就是，被触发的dom需要设置为position:relative或者position:absolute，否则会返回相对html文档区域左上角的距。欧鹏浏览器、IE9以前不支持。
来源：oschina
链接：https://my.oschina.net/u/3759734/blog/1607365