getclientrects

最新文章

getClientRects(学习)

Element 接口的 getClientRects() 方法返回 DOMRect 对象的集合,这些对象指示客户端中每个 CSS 边框框的边界矩形。大多数元素每个只有一个边框,但多行内联元素(例如多行 <span> 元素,默认情况下)在每一行周围都有一个边框。调用语法:let rectCollection = object.getClientRects();返回值是 DOMRect 对

getClientRects应用举例

上一节我们介绍了getClients的用法,今天我们学习一个简答的应用场景需求:我在一篇文章中选中一段文字,然后在文字的下方弹出一个简单的浮动按钮。思路分析:1、按钮需要浮动,首先我想到的是在文档中使用一个元素来作为按钮,这个元素我采用绝对定位,当我知道选择区域的大概位置的时候,根据位置修改元素的top和left值,就可以啦。2、按钮元素最好首先将top和left的位置放置于文档的视口外部,这个我