我正试图弄清楚如何在选择文本时显示图标图像，就像google translate扩展插件所做的那样。我在谷歌上尝试过“图标图像显示”、“文本选择”和“谷歌翻译扩展”等多种组合，但都没有成功。一般说明（无需代码！）谷歌如何翻译，这将是一个很长的路要走，因为我不认为我描述什么，我想做的技术术语很好。
vptzau2j1#
这将需要特定于需求的研究和尝试来实现。你试过什么吗？我会检查/检测通过javascript选择的文本。在css中，我们有“：：selection”属性，指示是否选中了文本。查找此图标或使用keyup，mouseup事件设置图标图像的“显示”和“位置”属性。谷歌可能有自己的方式在其产品中实现这些，考虑到这是一个要求，我已经给了你一个方法，我将采取上述。在浏览器中安装google translate扩展后，检查并检查开发人员工具->源->内容脚本以浏览扩展脚本。漂亮的打印可以看到可读的代码。
1条答案
按热度按时间vptzau2j1#
这将需要特定于需求的研究和尝试来实现。你试过什么吗？
我会检查/检测通过javascript选择的文本。在css中，我们有“：：selection”属性，指示是否选中了文本。查找此图标或使用keyup，mouseup事件设置图标图像的“显示”和“位置”属性。
谷歌可能有自己的方式在其产品中实现这些，考虑到这是一个要求，我已经给了你一个方法，我将采取上述。
在浏览器中安装google translate扩展后，检查并检查开发人员工具->源->内容脚本以浏览扩展脚本。
漂亮的打印可以看到可读的代码。