鼠标屏幕各种距离辨别

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而未显示的部分,也就是其实际占据的高度,整形,单位像素。



阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页