javascript - 使用 Rangy 的 iOS 风格格式化标注

标签 javascript dom positioning rangy callout

我正在查看 Rangy ( http://code.google.com/p/rangy/ ),它似乎有一堆 DOM 实用程序,但如果没有示例,我无法理解它们。因此,我将我的想法转向 SO,希望你们能告诉我如何做到这一点:

enter image description here

我需要使用 Rangy 来查找所选内容的位置和尺寸。我想获取所选内容的框架或矩形,无论是相对于文档还是父元素。然后我可以相应地定位我的标注。

enter image description here

最佳答案

我相信 Rangy 附带的演示已经说明了您想要的内容。具体来说http://rangy.googlecode.com/svn/trunk/demos/position.htmlshowSelectionPosition 函数内

考虑到选择可能分布在多个元素上,最好使用 startSelElendSelEl 的坐标将标注锚定到开头或选择结束。

关于javascript - 使用 Rangy 的 iOS 风格格式化标注,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10161512/

相关文章:

javascript - htmlEle.fireEvent ("onclick"、 document.createEventObject()) 在 IE 11 上不起作用

javascript - 如何检查传递给 javascript 函数的参数值是否为空?

javascript - 模拟 SO 标签编辑器

javascript - 使用 JavaScript 对 DOM 对象执行算术运算的正确方法是什么?

java - 如何使用 lwjgl 将相机视线方向用作 z 方向

javascript - 检测哪个事件提交表单

javascript - html javascript打开新窗口并关闭当前窗口

javascript - JQuery DOM 和 .click() 的问题

html - 页脚~定位//扭曲

css - 在容器内平均定位 div