在隐藏的 div 中快速查找 (ctrl+f)答案

【问题标题】：Quick find (ctrl+f) inside hidden div在隐藏的 div 中快速查找 (ctrl+f)
【发布时间】：2013-12-17 21:14:50
【问题描述】：

我有一个实现了选项卡的页面，其中非活动选项卡通过 display:none 隐藏。现在我正在尝试使用浏览器快速查找（ctrl+f / cmd+f）在这些隐藏的 div 中搜索的方法

是否有例如每当用户搜索某些东西时，一种运行 javascript 的方法？例如，如果用户搜索“模板”并且仅在其中一个非活动选项卡中找到它，我想激活/显示该选项卡。

有办法吗？还是我必须实现自己的搜索过滤器？

谢谢！

【问题讨论】：

【解决方案1】：

您当然可以要求提供键盘快捷键，但他们仍然可以使用浏览器菜单开始搜索。

使用不同的方法隐藏这些标签不是更容易吗？类似的东西

display: block;
height: 0;
width: 0;
overflow hidden;

例如（当然取决于你的特殊标记/css）

【讨论】：

被搜索的元素应该通过搜索获得焦点（我从未尝试过这样的事情，所以你可以尝试一下）但至少文本仍然可以搜索......
我认为询问键盘快捷键会很好。然后自动取消隐藏所有隐藏的内容（例如打开所有可能被隐藏的$(this).next().slideToggle("slow"); }).next().hide();-Togglers）。那太好了，然后用户仍然可以选择是否通过浏览器菜单仅浏览可见内容。
但我认为用户不会注意到通过 ctrl+f 搜索或浏览器菜单->搜索之间的区别。他只是想知道为什么他会得到不同的结果。
很好，这可以澄清。如果有很多这样的隐藏切换器在 CTRL+F 上变得可见，那么用户会注意到。另一种选择是在屏幕上显示一个澄清弹出窗口，在 CTRL+F 上；或按标准澄清。
jsfiddle.net/jssv8ctp 显示文本如何保持可搜索（这就是问题所要求的）但它不会打开切换器，是的。这将很难实现，因为当搜索标记单词时您没有要处理的事件。我不得不承认我没有针对该编辑的解决方案：我认为没有：stackoverflow.com/questions/23479237/…