站内搜索:
首页 >> 前端 >> 内容
获得html控件的绝对位置

时间:2012/12/11 16:25:10

使用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绝对位置。

  • 上一篇:用户体验分析:从Web到移动应用的设计思维转换
  • 下一篇:HTML中class和id标签的区别
  • 返回顶部