加入收藏 | 设为首页 | 会员中心 | 我要投稿 聊城站长网 (https://www.0635zz.com/)- 智能语音交互、行业智能、AI应用、云计算、5G!
当前位置: 首页 > 教程 > 正文

js鼠标及对象坐标控制属性详细剖析

发布时间:2023-08-26 14:37:56 所属栏目:教程 来源:
导读:offsetTop

获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。

offsetLeft

获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。

offsetHeight

获取对象
offsetTop
 
获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。
 
offsetLeft
 
获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。
 
offsetHeight
 
获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。
 
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
 
NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。
 
offsetWidth
 
获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。
 
offsetParent
 
获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。
 
clientHeight
 
获取对象的高度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。
 
大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。
 
clientLeft
 
获取 offsetLeft 属性和客户区域的实际左边之间的距离。
 
clientTop
 
获取 offsetTop 属性和客户区域的实际顶端之间的距离。
 
clientWidth
 
获取对象的宽度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。
 
SCROLL属性
 
scroll
 
设置或获取滚动是否关闭。
 
scrollHeight
 
获取对象的滚动高度。
 
scrollLeft
 
设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。
 
scrollTop
 
设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。
 
scrollWidth
 
获取对象的滚动宽度。event属性
 
x
 
设置或获取鼠标指针位置相对于父文档的 x 像素坐标。
 
screenX
 
设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标
 
offsetX
 
设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。
 
clientX
 
设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条
 
我们这里说说四种浏览器对 document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解释,这里说的是 document.body,如果是 HTML 控件,则又有不同。
 
这四种浏览器分别为IE(Internet Explorer)、NS(Netscape)、Opera、FF(FireFox)。
 
clientHeight
 
大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。
 
offsetHeight
 
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。 NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。
 
scrollHeight
 
IE、Opera 认为 scrollHeight 是网页内容实际高度,可以小于 clientHeight。 NS、FF 认为 scrollHeight 是网页内容高度,不过最小值是 clientHeight。
 
 

(编辑:聊城站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章