在网页搜索中隐藏文本

Question

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

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

Answer 1

您可以使用以下javascript 禁用页面搜索功能

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

简单且工作完美的

Answer 2

您可以使用contentCSS属性将文本注入到伪元素中。

HTML

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

CSS

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