阅读 66

pagex和clientx,screenx影厅好吗

不随事件中鼠标的(x,y )位置clientX鼠标浏览器左上角相对于x轴的坐标滚动条滚动而变化; http://www.Sina.com/clienty鼠标坐标滚动条相对于左上角y轴的滚动不变;浏览器根据pageX鼠标坐标滚动条相对于左上角x轴的滚动而变化;浏览器根据pageY鼠标坐标滚动条相对于左上角y轴的滚动而变化; screenX鼠标浏览器屏幕左上角相对于x轴的坐标显示屏幕左上角相对于y轴的screenY鼠标坐标offsetX鼠标显示器左上角相对于x轴的坐标offsetX

需要特别注意的是,在双画面场景中,screenX和screenY必须考虑画面顺序问题。 主画面为右,子画面为左时,子画面的screenX为负值!

offsetWidth、clientWidth、scrollWidth script /* ******元素视图属性* offsetWidth水平方向width左右padding左右border-width * offsetHeight垂直方向height上下垫上下垫* * clientwidth水平方向width左右垫* clientheight垂直方向height上下垫* * offsetTop从当前要素取得向配置父节点的top方向的距离* offsetLeft从当前要素取得向配置父节点的left方向的距离* * scrollWidth要素内容的真正宽度,在内容不超过箱子高度的情况下为箱子的clientWidth * scrollHeight元素内容的真实高度,如果内容不超过箱子的高度,则箱子的clIEntHeight * ******元素视图属性结束* * * * *窗口视图属性(低版本ie浏览器[IE9]支持? 】* innerWidth浏览器窗口的可见区域宽度(浏览器控制台、菜单栏和工具栏除外) * innerHeight浏览器窗口的可见区域高度(浏览器控制台、菜单栏和工具栏除外) Document文档视图* (ie早期版本的innerWidth,innerHeight的替代方案) document.documentelement.clientwidth浏览器窗口的可见区域宽度(浏览器控件) document.documentelement.clientheight浏览器窗口中显示区域的高度* * document.documentelement.offsetheight表示整个文档的高度(documenth ) 获取整个文档的高度(不包括body边距) * document.documentelement.scroll top返回到文档滚动顶部的距离(窗口滚动时值会改变) document.documentelement.scroll left文档在滚动left方向上的距离****** Document文档视图结束* ******元素方法* 1.getboundingclientrect bottom :元素的下边缘(包括border )到可视区域顶部的距离) * left:元素的左边缘(不包括border )到可视区域的左边缘的距离) * right:元素的右边缘到top:元素的上边缘(border除外)可视区域顶部的距离(* height:元素的offsetHeight * width:元素的offsetWidth * x:元素的左上角的x坐标) * y:元素的左上角的y坐标


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐