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

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/u/3759734/blog/1607365