隐藏Onpage Search中的文本

时间:2015-03-05 01:30:23

标签: css html5 wai-aria

是否有一种可靠的方法可以隐藏浏览器页面搜索功能(例如Ctrl + F),同时保持可见?

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

2 个答案:

答案 0 :(得分:0)

您可以使用content CSS属性将文本注入伪元素。

<强> HTML

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

<强> CSS

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

答案 1 :(得分:0)

您可以使用以下javascript

禁用页面搜索功能
<SCRIPT LANGUAGE="JavaScript">
window.addEventListener("keydown",function (e) {
    if (e.keyCode === 114 || (e.ctrlKey && e.keyCode === 70)) { 
        e.preventDefault();
    }
})
</script>

简单而且完美无缺