获得html控件的绝对位置
2012-12-11 09:41
211 查看
使用offsetTop和offsetLeft只能获得其相对于父窗口(或其他控件)的位置,要是想获得其相对于浏览器左上角的坐标值就要采用一个函数。
//获取元素的纵坐标
function getTop(e){
var offset=e.offsetTop;
if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
return offset;
}
//获取元素的横坐标
function getLeft(e){
var offset=e.offsetLeft;
if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
return offset;
}
e是控件对象,通过递归迭代,一步步获得offset绝对位置。
//获取元素的纵坐标
function getTop(e){
var offset=e.offsetTop;
if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
return offset;
}
//获取元素的横坐标
function getLeft(e){
var offset=e.offsetLeft;
if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
return offset;
}
e是控件对象,通过递归迭代,一步步获得offset绝对位置。
相关文章推荐
- JQuery插件第二十五个:改编自网络获取html控件的绝对位置
- Javascript获取鼠标的位置, 获取Html控件的绝对位置的两种方法
- Html中的控件绝对位置定位
- 简单Js脚本用于Html中绝对位置的控件定位
- js获得控件绝对位置
- 获得控件在页面上的绝对位置的方法
- MFC中,如何获得对话框控件相对于父窗口(对话框窗口)的位置
- 如何设置和获得控件相对于Canvas的位置
- HTML控件ID和NAME属性的区别,以及如何在asp.net页面的.CS文件中获得.ASPX页面中HTML控件的值
- 获得控件的决定位置。
- 动态添加的HTML控件和获得值
- HTML控件ID和NAME属性及在CS页面获得.ASPX页面中HTML控件的值
- html获得当前焦点所在的控件
- 取得控件的绝对位置
- JQuery 获得绝对,相对位置的坐标方法
- android获得控件在屏幕中的绝对坐标
- android获得控件在屏幕中的绝对坐标
- 用javascript来显示HTML控件的位置即javascript文件在ASP.NET中的运用
- 巧用异步通信与如何获得服务端控件输出的html代码
- 获得用户控件html