如何使用“气泡”按钮（浮动属性）创建Chrome插件/扩展程序？

Question

我正在开发chrome扩展程序 ，以便该插件用于将选定的文本从站点发送到服务器，并将文本返回给客户端。 我如何使我的插件浮动在网站上，一旦用户选择了任何文本，那么我的插件必须出现在所选文本（气泡）旁边，就像google翻译插件一样 ，当用户选择某些文本时，该插件会立即出现。

我附上一些图片来解释我到底想要什么！

Answer 1

您可以读出当前元素，从中选择文本，然后从此处将图标放一段距离。

在这里，您可以找到如何获取当前元素：

如何获取包含当前选择的DOM元素？

使用jQuery，您可以轻松地将图标放在选择内容的开头。 我没有尝试过id，但这是我要这样做的方法。