鼠标屏幕各种距离辨别

1、 event.clientX、 event.clientY

鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这两个属性。

2、event.pageX、event.pageY

类似与event.clientX 、event.clientY，但他们使用的是文档坐标而非窗口坐标。这两个属性不是标准属性，但得到了广泛的支持。IE中没有这两个属性。

3、event.offsetX、event.offsetY

鼠标相对于事件源元素（srcelement）的X,Y坐标

4、event.screenX、event.screenY

鼠标相对于用户显示器屏幕左上角的X,Y坐标。

 假设obj为某个Html控件

obj.offsetTop 指obj相对于版面或由offsetparent属性指定的父坐标的计算上侧位置，整型，单位像素。

obj.offsetLeft指obj相对于版面或由offsetparent属性指定的父坐标的计算左侧位置，整型，单位像素。

obj.offsetWidth指obj自身的绝对宽度，不包括因overflow而未显示的部分，也就是其实际占据的宽度，整形，单位像素。

obj.offsetHeight指obj自身的绝对高度，不包括因overflow而未显示的部分，也就是其实际占据的高度，整形，单位像素。