在 Javascript 中创建 Safari 的查找功能样式文本选择器
有什么方法可以使用 Javascript 库轻松实现此文本选择效果吗？做得非常好，我想模仿这个外观。
想知道是否有人做过类似的事情或以前见过这样做，以及他们是否可以提供任何指导。谢谢！
Is there any way to make this text selection effect easily with a library in Javascript? It is very well done and I'd like to mirror this look.
Wondering if anyone had done something similar or seen it done before and if they could provide any guidance. Thanks!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
其风格与 Safari 的实现非常相似。
The style is quite similar to the Safari implementation.
您可以在大多数浏览器中使用
window.find()以及在 IE 中使用TextRange的findText()方法来查找特定字符串的所有出现位置在页面中，然后使用 execCommand() 来设置每个出现的样式。请参阅 HTML 中的全文搜索忽略标签 / & 举个例子。这不会给你弯曲的角落和阴影，但它是一个起点。它在 Opera 中也不起作用。You can use
window.find()in most browsers andTextRange'sfindText()method in IE to find all occurrences of a particular string in the page, and then useexecCommand()to style each occurrence. See Full text search in HTML ignoring tags / & for an example. This won't give you the curvy corners and drop shadow but is a starting point. It also doesn't work in Opera.