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

Posted 2023-03-06

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

【英文标题】：Create Safari's Find Function Style Text Selector in Javascript

【发布时间】：2011-09-13 16:35:25

【问题描述】：

有没有什么方法可以通过 javascript 中的库轻松制作这种文本选择效果？它做得很好，我想反映这个样子。

想知道是否有人做过类似的事情或以前做过类似的事情，是否可以提供任何指导。谢谢！

【参考方案1】：

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

风格与 Safari 实现非常相似。

【讨论】：

这些不适用于跨越元素边界的文本（例如，在第一个示例中搜索“development is”）。

【参考方案2】：

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

【讨论】：

投反对票：想解释一下吗？如果我误解了这个问题（我可能有），那么解释一下如何会很有帮助。

我也很想知道为什么这被否决了。蒂姆，谢谢你的回复，你没有进入造型，我不确定这在技术上是否正确，但我很想听听反对者的意见。干杯。

接受这个作为答案，谢谢蒂姆。如果有新信息曝光，这可能会改变！