获取矩形区域的HTML

时间:2014-03-19 08:06:28

标签: javascript jquery html html5

我想知道是否有人有任何疯狂的方法来获取屏幕矩形区域的HTML。

我目前可以使用document.caretRangeFromPoint(),然后使用document.createRange(),然后使用document.cloneContents()返回document-fragment HTML。

这被证明是不可靠的并且可以产生意想不到的结果(基本上它选择带有'隐形'光标的文本然后获取所选文本的HTML;它有时可以在窗口的其他区域选择html或者不选择一些元素,即使它们在我提供的范围内)

如果有人有任何其他方式这样做,我很乐意听到他们

谢谢!

2 个答案:

答案 0 :(得分:0)

只是因为你要求疯狂。如果您不关心响应性,可以在onload上轻松地映射您的元素并创建一个维度数组。然后当您通过onmousendown& amp;绘制矩形时onmouseup通过维度数组来查看矩形是否与任何元素重叠,然后将其推送到临时数组。临时数组是您将要执行的操作。希望这会有所帮助,如果你创建一个jsfiddle,我会把它写出来。祝你好运!

P.S。问题在于设备速度慢,根据页面上有多少元素,它们可能有些滞后。也可以从表面输入,所以请原谅不那么详细的答案。

答案 1 :(得分:0)

按下F12将显示错误控制台,其中会有一个看起来像放大镜的图标,如果您点击它然后单击页面上的HTML元素,它将带您到选定的区域并呈现给您代码。