CTRL + Fだけでなく、ウェブページ上の検索機能を無効にすることはできますか？

Question

検索機能を無効にしたいと思います。私は、テキストが盛り上がって、ユーザーは、CTRL + のように、チートなしでテキスト全体を読んでいます。私はすでに無効にしていますCTRL + です。 ブラウザのメニューから検索バーを開くことができます。

誰かが考えてくれることを願っています。

Answer 1

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をチェックすると、ユーザーはまだテキストを見ることができます

Answer 2

これは本当にあなたの質問の答えではありませんが、ここには何か良い点があります。

単語にスペースを入れてスパンを置くだけで検索はできず、スパンを非表示にする必要があります。例えば ：

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

とCSS：

.foo{ 
    font-size:0; 
} 

https://jsfiddle.net/y8g10jsr/

は、私はちょうどこれを試してみたCTRL + F

Answer 3

と "テスト" を検索してみてください回避策があり、テキストが判読不能になるようです。クロム、FirefoxとIEでテスト

.overlook::after { 
 
    content: attr(data-text); 
 
}

<p class="overlook" data-text="Ctrl+F will not find this">

。

編集：

ああ私は質問以下のコメントを見ていない - あなたは、これが役に立つ見つけた場合、最大originalを投票してください。