screenX(Y),clientX(Y)和pageX(Y),offsetX(Y)和layerX(Y)

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之前不支持。