在页面搜索中隐藏文本

Question

是否有一种可靠的方法可以在浏览器页面搜索功能（例如 Ctrl+F）中隐藏文本，同时保持可见？

我希望添加一个 aria-hidden="true" 来解决问题，但浏览器仍然可以搜索文本。

Answer 1

您可以使用 content CSS 属性.

将文本注入伪元素

HTML

<div class="some-div"></div>

CSS

.some-div:before { content: "unsearchable text"; }

Answer 2

您可以通过以下javascript

禁用页面搜索功能

<SCRIPT LANGUAGE="JavaScript">
window.addEventListener("keydown",function (e) {
    if (e.keyCode === 114 || (e.ctrlKey && e.keyCode === 70)) { 
        e.preventDefault();
    }
})
</script>

简单且完美

在页面搜索中隐藏文本

Hide Text from Onpage Search

html

css

wai-aria