Javascript 浏览器可以搜索折叠的内容吗？

如果我在页面上有一些折叠的、可切换的内容，那么进行浏览器搜索将无法在折叠区域中找到内容

---

是否有一种方法允许浏览器搜索折叠的内容（CTRL+F）并展开特定的可折叠字段？只要能满足这个要求，任何折叠/扩展方法（JavaScript、jQuery插件、纯HTML/CSS等）都是好的。

我想到的唯一想法是：你可以通过JavaScript听CTRL+F键，并扩展所有折叠的内容。这样，内容就可以搜索了。如果您有很多折叠的项目，那么扩展所有折叠的内容将不是一件优雅的事情

尝试类似的方法，使用放入

的外部JavaScript：

---

我知道这是一个老生常谈的问题，但我希望这个答案能帮助登上这一页的人

通过一些技巧，是的，我们可以，但可能不适用于所有您需要的布局

简而言之，我们不使用display:none。相反，我们将容器的高度设置为较小（作为窥视孔），并设置填充顶部，以便内容在窥视孔中不可见。当浏览器的“查找”匹配容器内的文本时，浏览器将滚动文本，使其在该窥视孔中可见

这是演示

功能切换（头部）{
head.parentNode.classList.toggle（'collapsed'）；
head.parentNode.GetElementsByCassName（'content'）[0].scrollTop=0；
}

.column{
显示：内联块；
垂直对齐：顶部；
}
.小组{
宽度：180px；
背景色：#dddddd；
利润率：10px；
溢出：隐藏；
}
h3{
光标：指针；
保证金：0；
}
.panel.header:之前{
内容:'一';；
}
.panel.collapped.header:之前{
内容：“+”；
}
.panel.collapped.content{
高度：0px；
填充顶部：18px；
溢出y：滚动；
宽度：100%；
右边填充：17px；
背景色：白色；
}

标题1
直到最近，主流观点还认为《洛雷姆·伊普苏姆》是一部毫无意义的文本。“这不是拉丁语，虽然它看起来像拉丁语，但实际上什么也没说，”一位好奇的读者回答说，“它的‘单词’大致相当于英语字母出现的频率，这就是为什么乍一看它看起来很真实的原因。”
标题2
早期宇宙，大约持续377000年。最初，各种亚原子粒子是分阶段形成的。这些粒子包含几乎等量的物质和反物质，因此大部分粒子很快湮灭，在宇宙中留下少量多余的物质。
总目3
实际术语“算法”经常被引用为起源于9世纪波斯数学家阿布·阿卜杜拉·穆罕默德·伊本·穆萨·阿尔·赫瓦里兹米（Abu Abdullah Muhammad ibn Musa Al-Khwarizmi）。哇，这个名字不错，但他也被称为“代数之父”。事实上，哈瓦里兹米是在布拉马古塔的基础上建立起来的。
总目4
机器学习是一种自动建立分析模型的数据分析方法。它是人工智能的一个分支，基于这样一种理念：系统可以从数据中学习、识别模式并在最少的人工干预下做出决策。

这取决于浏览器开发人员在这种情况下该怎么做。有一种方法，只要您的浏览器允许您这样做。使用JavaScript提供的

事件

，它将向

事件

处理函数发送一个

事件

对象参数。您将检查

事件.keyCode

。

//[CDATA[
var pre = onload;
onload = function(){
if(pre)pre();
var doc = document, bod = doc.body;
function E(e){
  return doc.getElementById(e);
}
E('html_id').onkeydown = function(ev){
  var e = ev || event;
  if(e.ctrlKey && e.keyCode === 70){
    // cntrl+f was pressed - run code showing Element and Element.focus() if needed
  }
}
}
//]]>