是否可以在网页上禁用查找功能,而不仅仅是CTRL + F?

时间:2017-05-31 14:00:44

标签: javascript html css

我想禁用查找功能。我有一个文本上传,用户shuld读取整个文本没有作弊,如 CTRL + F 。我已经禁用 CTRL + F 。 但我可以在浏览器菜单中打开查找栏。

我希望有人有个主意。

3 个答案:

答案 0 :(得分:6)

这不是你问题的答案,但这里有更好的东西。

只需在单词中放置一个带有空格的跨度,不应搜索并使跨度隐藏。 例如:

<p>"This is a te<span class="foo"> </span>st."</p>

和css:

.foo{
    font-size:0;  
}

https://jsfiddle.net/y8g10jsr/

尝试搜索&#34; test&#34;用CTRL + F

答案 1 :(得分:2)

您可以使用javascript库html2canvas动态地根据您的文字对图像进行退化。例如,如果您想将ID为docs的div转换为图片,则代码将为

$(document).ready(function(){html2canvas($('#docs'), {
  onrendered: function(canvas) {
    $('#docs').html(canvas);
  }
});});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<div id="docs">This script allows you to take "screenshots" of webpages or parts of it, directly on the users browser. The screenshot is based on the DOM and as such may not be 100% accurate to the real representation as it does not make an actual screenshot, but builds the screenshot based on the information available on the page.</div>

P.S。但是,如果他将检查页面的html,用户仍然可以看到文本

答案 2 :(得分:1)

我只是尝试了这个解决方法,它似乎使文本无法搜索。

&#13;
&#13;
.overlook::after {
    content: attr(data-text);
 }
&#13;
<p class="overlook" data-text="Ctrl+F will not find this">
&#13;
&#13;
&#13;

在Chrome,Firefox和IE中测试过。

编辑

哦,我没有看到问题下面的评论 - 如果您认为这有用,请投票original