大多数浏览器都具有CTRL + F功能，可以搜索并查找用户正在寻找的内容。 但是，此功能在移动设备上不受支持，并且在使用动态文本时效果不佳。
幸运的是，有一个免费JavaScript插件Mark.js ，可以轻松地在任何页面上添加突出显示搜索功能 。
默认情况下，它可以用作普通的JS插件，但也可以在jQuery之上运行。 这是一个完全开源的项目，因此您可以在任何商业网站或其他网站上自由使用它。
它具有与其他浏览器搜索功能非常相似的功能，只是它具有额外的功能。 您可以添加自己的自定义过滤器，并基于正则表达式 ， 特定的同义词甚至在iframe之类的动态页面元素中搜索单词。
首先，只需从GitHub下载Mark.js文件或通过CDN托管文件即可节省时间。
您应该运行连接到页面输入字段的此功能。 这样，用户可以输入搜索词并通过突出显示的文本立即获得反馈 。
这是演示页面中的示例片段 ：
$(".context").mark(keyword [, options]); .context类针对函数应在何处搜索术语 。 如果您要搜索整个页面，则可以使用默认HTML <body>元素 ，也可以传递多个元素，例如不同的选项卡式小部件或iframe。
然后，在mark()函数内部， 传递关键字 ，以及选项（如果需要）。
如果让用户键入关键字，则可以在每次按键后使用新关键字自动更新功能 。 甚至还有一个针对此事件的特定功能 。
Mark.js 可与所有主流浏览器一起使用 ，包括Chrome，Firefox，Opera（v12 +）和Internet Explorer（9+）。 如果您遵循文档并使用最新文件，则设置起来真的很容易。
但是，如果您希望实际使用Mark.js，请使用一个非常基本的jQuery演示来搜索Lorem Ipsum的几段内容，以窥视下面的小提琴 。
翻译自: https://www.hongkiat.com/blog/markjs-search-highlighting/
498
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
