为了账号安全,请及时绑定邮箱和手机立即绑定

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

个没什么可说的,直接上代码,有需要的可以参考一下:
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;  

}

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
JAVA开发工程师
手记
粉丝
168
获赞与收藏
3550

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消