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

Question

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

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

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

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

Answer 1

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

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

至于在选定文本附近添加浮动图像，您可以使用Selection的anchorNode属性来查找要添加图像的附近元素。要做图像的实际定位 - 是的，可能在div，我建议学习positioning in CSS。