jquery - JavaScript 查找框

Question

我想为我的用户复制查找功能(Firefox 中的 Ctrl-F)。换句话说，当用户键入时，它会找到该文本的第一个匹配项，如果用户按“下一步”，它会突出显示下一个匹配项，并在必要时移动页面。

我认为搜索输入必须位于保持固定的 div 中，当它找到要查找的内容时，会在其前面插入一个命名 anchor ，然后跟随超链接。

你认为这可以做到吗？

Answer 1

正确地在页面上的文本实例之间查找、突出显示和步进(特别是当文本可能跨多个节点/元素分割时)是很棘手的。请参阅this question对于 find-text-in-page-across-elements 函数，您可以调整。

您可以使用更简单的 noddy 版本，但这可能不如浏览器的内置 Find 有用且不太实用。

由于浏览器自己的“查找”已经具有您所描述的功能，因此没有充分的理由这样做，除非您需要浏览器本身无法支持的扩展功能。通常，当您在页面上隐藏了交互元素并需要在其中找到结果时显示这些交互元素时，您就会使用此方法。