获取元素 在浏览器窗口中的 坐标

嗯哼。不多说,直接上代码了。

  • // 获取元素 在 浏览器窗口 中的 坐标     Test Already.
    function posInClient(obj){
        var theClient = obj.getBoundingClientRect();    // 获取元素的左,上,右和下分别相对 浏览器视窗 的位置
        
        // 在IE中,默认坐标从(2,2)开始计算,导致最终距离比其他浏览器多出两个像素,需要做以下兼容
        var top2px = document.documentElement.clientTop;
        var left2px = document.documentElement.clientLeft;
        
        return {
            top: theClient.top - top2px,
            left: theClient.left - left2px,
            
            bottom: theClient.bottom + top2px,
            right: theClient.right + left2px
        };
    }

     

posted @ 2018-10-29 22:50  耶梦加德  阅读(902)  评论(0编辑  收藏  举报