JS获得元素相对位置坐标getBoundingClientRect()

Posted James的博客园

tags:

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

 

getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。

1.语法:这个方法没有参数。

rectObject = object.getBoundingClientRect();
function inputKeydown(e){
  console.log(e.target.getBoundingClientRect());//bottom:199height:19left:360right:380top:180width:20x:360y:180
}

 


记录一下备用:
https://www.cnblogs.com/Songyc/p/4458570.html





 

以上是关于JS获得元素相对位置坐标getBoundingClientRect()的主要内容,如果未能解决你的问题,请参考以下文章

JQuery获得绝对 相对位置的坐标方法

[原]js获取dom元素的实际位置及相对坐标

js如何获取鼠标在某元素移动时~鼠标指针在元素中的坐标?

C#如何获得webbrowser网页里某元素所占用的位置坐标

怎样获取一个控件相对于父窗口的坐标位置

JavaScript中的坐标