在Javascript中添加注释/注释的示例代码

Question

我有一个HTML文件，我用Webkit打开它。

我想开发一个应用程序，打开它之后，我应该能够选择一些文本并记下它（比如按下“注释文本”按钮）。

当我按下按钮时，右侧会出现一个音符图像，但我无法弄清楚所选的文本位置，我也不知道如何在右侧添加浮动图像（可能是div元素）？

任何人都可以给我一个关于在Javascript中添加注释/注释的示例代码片段吗？

Answer 1

我最近在Quirksmode.org上使用this文章开始在Javascript中识别用户选择。从本质上讲，IE与其他浏览器的不同之处在于您获得的有关选择的信息：Mozilla和其他浏览器提供相对强大的Selection，而IE提供TextRange。

如果您能够坚持使用基于Webkit的浏览器，则您可以使用window.getSelection()返回的选择来识别所选文本。

对于在所选文本附近添加浮动图像，您可以使用“选择”的anchorNode属性来查找要添加图像的元素。要对图像进行实际定位 - 是的，可能在div中，我建议您了解positioning in CSS。