テキスト選択を無効化する方法（文章のコピーを防止する方法）
管理人
ふなかもめ
サイトやブログで文章のコピーや画像の保存を禁止する方法
管理人
ブログやWEBサイトで手軽にコンテンツのコピーを防ぐ方法を紹介します。スマホとスマートフォンの両方を対策できます。
文章のコピーを禁止する方法
以下のソースを設定画面 or HTML編集 or 記事に貼り付けます
ページ全体の文章のコピーを禁止する
<body oncontextmenu=”return false;” oncopy=”return false;”>
指定した部分の文章のコピーを禁止する
<div oncontextmenu=”return false;” onCopy=”return false;”>コピーを禁止したい文章</div>
サンプル：コピーしてどこかに貼り付けてみてください。
何らかの形でHTMLに対応してないブログサービスではこれらの方法は使えません。また、ソース閲覧やJavaScriptのオフで回避されてしまいます。
画像の保存を防ぐ方法
以下のソースを設定画面 or HTML編集 or 記事に貼り付けます。
ページ全体の画像の保存を防ぐ
<style> img{ pointer-events:none; } </style>
※CSS編集ページがある場合は【 img{ pointer-events:none; } 】を単独でコピーします。
指定した画像の保存を防ぐ
<img src=”画像のリンク” alt=”サンプル” style=”pointer-events: none;”>
何らかの形でHTMLに対応してないブログサービスではこれらの方法は使えません。この方法を文章のコピーの防止にも応用できますが、ショートカットキーによるコピーを防止できないため、上記の方法をお勧めします。
