在Javascript中创建Safari的查找函数样式文本选择器

Question

有没有办法在Javascript中使用库轻松地使这个文本选择效果？它做得很好，我想反映这个样子。

想知道是否有人做过类似事情或之前已经做过的事情以及他们是否可以提供任何指导。谢谢！

Answer 1

• on-page text highlighting Search with jQuery和
• On-Page Text Search。

该样式与Safari实现非常相似。

Answer 2

您可以在大多数浏览器中使用window.find()，在IE中使用TextRange的{​​{1}}方法查找页面中特定字符串的所有匹配项，然后使用findText()为每个事件设置样式。有关示例，请参阅Full text search in HTML ignoring tags / &。这不会给你弯曲的角落和阴影，但是一个起点。它在Opera中也不起作用。