如何获取div相对于屏幕的坐标?

Posted

tags:

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

参考技术A <!DOCTYPE html> 2 
<html lang="en"> 3 
<head> 
<meta charset="UTF-8"> 
 <title>获取div相对屏幕于左上角的绝对位置</title> 
</head> 7 <body> 
 <div class="div1"></div> 9     <script>10         //返回值是一个包含width height top right bottom left的对象11         var rect = document.querySelector('.div1').getBoundingClientRect()12      console.log(rect);13     </script>14 </body>15 </html>

以上是关于如何获取div相对于屏幕的坐标?的主要内容,如果未能解决你的问题,请参考以下文章

asp.net如何获取浏览器原点相对于屏幕的位置

Frame和Bounds的区别以及获取绝对坐标的办法

JS若何将在页面上取得的元素坐标转换成屏幕坐标??

如何在 Mac OS X 中获取光标相对于窗口的位置?

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

javascript获取窗口和div位置