javascript - 使 HTML 内容不对搜索使用react (Ctrl+F)

标签 javascript html css

在我的网络应用程序中,我有一个包含显示文本的静态 HTML 内容的层。

当我在页面上进行搜索 (ctrl+F) 并键入上面提到的层中包含的一些文本时,文本会突出显示。

是否可以让内容完全不对搜索使用react?

或者,如果可以的话,我会从打开我的应用程序的页面中删除搜索功能。

最佳答案

这很棘手,但您可以将图层的文本编写为图层伪元素的 CSS content 属性。这样,搜索功能就无法检测到文本,文本本身也无法突出显示。

例如

HTML

<div id="layer" data-text="this text won't be found"></div>

CSS

#layer:before {
   content: attr(data-text); 
}

图像解决方案也很好,但这需要额外的请求,并且使用默认浏览器功能无法在任何地方缩放文本。应避免使用其他需要 Flash(或 Silverlight 或 Java Applets)的解决方案,尤其是由于某些平台缺少播放器插件。

fiddle 示例(使用 CSS attr()):http://jsfiddle.net/EbTNd/

关于javascript - 使 HTML 内容不对搜索使用react (Ctrl+F),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17965156/

相关文章:

javascript - Ajax Success 启动失败

javascript - Jquery 幻灯片隐藏显示带有图像的 div

javascript - 为什么慢速 jQuery 动画断断续续?

javascript - webpack 5 模块联合中共享依赖项的树抖动

javascript - 如何使用 JQuery 在 Bootstrap 模态上预览 CKEditor 内容

javascript - 事件处理程序继续调用早于动画函数

javascript - PHP/HTML : Download PDF link working on page load

html - 字段集和图例标签在 asp.net mvc 中不起作用

jquery - 使叠加层出现在悬停按钮上

css - 如何删除 box-sizing : border-box from Bootstrap CSS?