Javascript获取窗口(容器)的大小及位置参数列举及简要说明
Javascript获取窗口(容器)的大小及位置一系列的东西比较多,容易混淆,在这里列举及简要说明下: 属性方法说明: clientX 相对文档的水平坐标; clientY 相对文档的垂直坐标; offsetX 相对容器的水平坐标; offsetY 相对容器的垂直坐标; scrollWidth 获取
Javascript获取窗口(容器)的大小及位置一系列的东西比较多,容易混淆,在这里列举及简要说明下: 属性方法说明: clientX 相对文档的水平坐标; clientY 相对文档的垂直坐标; offsetX 相对容器的水平坐标; offsetY 相对容器的垂直坐标; scrollWidth 获取
一个简单的例子:判断鼠标位于事件源左边还是右边,在图片点击自动翻页中常用到。 实现代码如下: function GetMousePosStr (evnt,ele) { if(!evnt) { evnt = window.event; } var offsetX = evnt.offsetX ? ev
screenX:鼠标在显示屏幕上的坐标。 clientX:鼠标在页面显示区域的坐标。 注:以上两个都是各浏览器通用的。 pageX:FF特有,鼠标在页面上的位置,从页面左上角开始定位,这个可以很方便在整个页面上进行定位,IE没有直接替换的属性。 layerX:FF特有,鼠标相对于“触发事件的元素的层
实现代码如下:function LoadWindow(val) { URL="sendmsg.aspx?nickname="+val; loc_x=document.body.scrollLeft+event.clientX-event.offsetX; loc_y=document.body.sc
实现代码如下:var pltsPop=null; var pltsoffsetX = 5;// 弹出窗口位于鼠标左侧或者右侧的距离;3-12 合适 var pltsoffsetY = 5;// 弹出窗口位于鼠标下方的距离;3-12 合适 var pltsPopbg="#FFffff"; //背景色