Javascript 获取页面元素相对于电脑屏幕的坐标

阅读更多

这个没什么可说的，直接上代码，有需要的可以参考一下：

//获取元素绝对位置
function getAbsPosition(element)
{
    var abs={x:0,y:0}
	
    //如果浏览器兼容此方法
    if (document.documentElement.getBoundingClientRect) 
    {             
        //注意，getBoundingClientRect()是jQuery对象的方法
        //如果不用jQuery对象，可以使用else分支。
        abs.x = element.getBoundingClientRect().left;         
        abs.y = element.getBoundingClientRect().top;
		
        abs.x += window.screenLeft +  
                    document.documentElement.scrollLeft -            
                    document.documentElement.clientLeft;
        abs.y += window.screenTop +  
                    document.documentElement.scrollTop -  
                    document.documentElement.clientTop;
		
    } 
	
    //如果浏览器不兼容此方法
    else
    {
        while(element!=document.body)
        {
            abs.x+=element.offsetLeft;
            abs.y+=element.offsetTop;
            element=element.offsetParent;
        }
		
     //计算想对位置
     abs.x += window.screenLeft + 
            document.body.clientLeft - document.body.scrollLeft;
     abs.y += window.screenTop + 
            document.body.clientTop - document.body.scrollTop;
		
    }
	
    return abs;
}