HTML ページでコンテンツの選択、コピー、右クリックを防止する方法の詳細な説明

時には、Web ページに掲載されているコンテンツが悪意のある人物に盗用されるのを望まないため、Web ページ上でコピーを禁止する機能を追加する必要があります。ただし、一般的なブラウザでは、コピーを禁止した後もプレーンテキストとしてコピーできるため、この問題を完全に排除することはできません。現時点では、ページ上での右クリックとコピーを完全に禁止する必要があります。

実装は実はとても簡単です。Web ページに次のタグを追加するだけです (本文の直後にあることに注意してください)。

<body topmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">

これはあくまでも予備的な方法であり、簡単に解読される可能性があります。Web ページが他の人によってローカルファイルとして保存されることを心配している場合は、次のコードを追加して、他の人が保存できないようにすることができます。

<スクリプトなし>  
<iframe src="*.htm"></iframe>  
</noscript>

最後に、ウェブマスターによっては、コピーを禁止する機能のみが必要で、右クリックを禁止する必要はない場合があります。この場合、<body> に次のコードを追加します。

<body onmousemove=/HideMenu()/ oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<: MySQL ストレステストツール Mysqlslap の使用

>>: Docker 構成 Alibaba Cloud イメージアクセラレーションプル実装