cssの user-select
を使って、webページのテキストを範囲選択できないようにしてコピーを禁止(実際には禁止できないので、コピーして欲しくないとの意思表示に留まります)します。
テキストを範囲選択できないようにするサンプル
(1)[無指定]
テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
(2)[user-select: element;]
テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
(3)[user-select: none;]
テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
htmlのソース
<p>(1)[無指定]<br>テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
</p>
<p id="forbid-ok">(2)[user-select: element] <br>テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
</p>
<p id="forbid-no">(3)[user-select: none]<br>テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
</p>
cssのソース
#forbid-ok {
user-select:element;
-webkit-user-select:element;
-moz-user-select:element;
-ms-user-select:element;
}
#forbid-no {
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
}
関連ページ