cssの user-select
と同じようなコピー禁止を
JavaScriptの oncopy
を使っておこないいます。JavaScriptは、コピー禁止対象のp要素に直接記述しています。
各サンプルのテキストのコピー動作をすると、
(1)は、コピー禁止の指定無し。コピーできます。
(2)は、コピーを禁止。コピーできません。oncopy="return false;"
(3)は、コピーを禁止、かつアラートを出します。oncopy="alert('コピー禁止です'); return false;"
コピーを禁止するサンプル
(1)[禁止の指定無し]
テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
(2)[コピー禁止]
テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
(3)[コピー禁止(アラート付き)]
テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
htmlのソース
<p>
(1)[止の指定無し]<br>テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
</p>
<p oncopy="return false;">
(2)[コピー禁止] <br>テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
</p>
<p oncopy="alert('コピー禁止です'); return false;">
(3)[コピー禁止(アラート付き)] <br>テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
</p>
関連ページ