MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

Range.getBoundingClientRect()

这篇翻译不完整。请帮忙从英语翻译这篇文章

这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

Range.getBoundingClientRect() 返回一个 ClientRect 对象,该对象限定了选定的文档对象的内容,该方法返回了一个矩形,这个矩形包围了该文档对象中所有元素的边界矩形集合(译者注:关于边界矩形可以参考 Minimum Bouding Rectangles)。 

语法

boundingRect = range.getBoundingClientRect()

举例

range = document.createRange();
range.selectNode(document.getElementsByTagName("div").item(0));
rect = range.getBoundingClientRect();

规范

Specification Status Comment
CSS Object Model (CSSOM) View Module
Range.getBoundingClientRect()
Working Draft Initial specification.

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) 4.0 (2.0) 9.0 15.0 ?
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) 4.0 (2.0) 未实现 15.0 ?

 

参考资料

文档标签和贡献者

 此页面的贡献者: teoli, zldream1106
 最后编辑者: zldream1106,