[转]分析x,offsetX clientX screenX,pageX,y,offsetY clientY screenY,pageY其间的区别

1.IE的x,y：设置或获取鼠标指针位置(触发的节点testid1)，到ID为testid的父节点外边界的距离，其中不包括滚动条

显示IE的x坐标：

显示IE的y坐标：

注意：IE的x,y坐标不包括滚动距离scrollLeft,scrollTop,可见区域

2.ff的pageX: 设置或获取鼠标指针位置(触发的节点testid1)，到页面文档的距离(包括滚动距离)以文档左上角为参考点，不是以浏览器左上角为参考点
兼容IE：event.clientX + document.body.scrollLeft==pageX

显示ff的pageX：

显示ff的pageY：

3. clientX? 设置或获取鼠标指针位置(触发的节点testid1)到浏览器的距离(不包括滚动距离) 以浏览器左上角为参考点

显示clientX：

显示clientY：

4.? 设置或获取鼠标指针位置(触发的节点testid1)到自身节点(testid1)的内边界的距离(包括滚动距离即不可见区域)

显示offsetX或ff的layerX：

显示offsetY或ff的layerY：

5. screenX,screenY? 设置或获取鼠标指针位置(触发的节点testid1)到屏幕的距离

显示screenX：

显示screenY：