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坐标