在Wordpress上有一个链接打开搜索功能（Ctrl + F）

Question

我一直在寻找一种方法来打开浏览器搜索功能，只在我的Wordpress网站的一个页面上查找文本。 我希望这可以在一个页面上自包含。基本上按Ctrl + F的功能，但把它作为一个链接或按钮，在我的老板的话，是“为那些技术不太精通的用户。”

这是我到目前为止所发现的

＆LT; a href =“＃”onclick =“find（）;”＆gt;点击此处搜索页面＆lt; / A＆GT;

这在FireFox上运行得很好，但在Chrome中没有做任何事。

有没有办法让这项工作在其他浏览器中使用或者当我点击页面上的链接时，它会执行Ctrl + F功能来打开搜索框？

由于

Answer 1

据我所知，您无需点击cmd + F即可启动Chrome的原生查找功能。但您始终可以使用window.find()。也许这会更好地帮助你

修改

经过一些测试后，我想出了this pen。它有效，有点。我在Chrome，Firefox和IE上测试过它。 Chrome和Firefox突出显示该单词的第一个出现位置。如果您足够快地单击按钮，他们可能会突出显示第二个按钮。 IE不做sh * t。也许您可以为不同的浏览器编写不同的解决方案，但我不知道它如何适合您当前的代码。在任何情况下，window.find()都有documentation，但this错误报告表明此方法应该终止。

完全另一种解决方案：使用Javascript＆＃39; search()或indexOf()浏览整个页面（是的，我知道），并根据这些返回，您可以硬编码突出匹配区域的内容，例如将其包裹在具有黄色背景的<span>周围。这只是一个建议，因为我没有多想，但我认为这会有所帮助。