jquery - JavaScript 查找框

标签 jquery

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

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

你认为这可以做到吗?

最佳答案

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

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

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

关于jquery - JavaScript 查找框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2858259/

相关文章:

jquery - 什么是简单实现的带有多张图片的 jQuery slider ?

javascript - 修改div后等待

javascript - 将 CSS 应用于动态命名的元素

javascript - Horizo​​ntal Accordion - jQuery 插件 - Firefox 上的滚动动画错误 - 如何调试

javascript - 防止非固定元素在到达固定元素的末尾时滚动

javascript - 如何使用一个标签选择多个具有不同名称的单选按钮?

jquery - 引用网格上的 Kendo UI (ASP.NET MVC) 下拉列表

Javascript 函数未调用 onclick

jquery 插入的 HTML 呈现为原始文本

javascript - 如何通过 linkText/linkName 严格地在表的隐藏行之一中找到特定链接(不使用 css-selectors 或 xpath)?