获取元素相对于屏幕的位置

Posted 高中国流

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了获取元素相对于屏幕的位置相关的知识,希望对你有一定的参考价值。

<div class="div1"></div>
    <script>
      //返回值是一个包含width height top right bottom left, x , y的对象
        var rect = document.querySelector(‘.div1‘).getBoundingClientRect()
     console.log(rect);
    </script>

  

以上是关于获取元素相对于屏幕的位置的主要内容,如果未能解决你的问题,请参考以下文章

鼠标相对于屏幕的位置鼠标相对于窗口的位置和获取鼠标相对于文档的位置

react-native 获取某一元素的绝对位置(相对于屏幕左上角)

获取对话框中视图相对于其父级的位置

获取相对于其父级的对话框中的视图位置

鼠标/手指相对于元素的坐标(px转百分比)

获取鼠标点相对于各屏幕窗体和当前控件的位置