HOME  >  各種テストのまとめ  >  コンテンツのコピーを禁止  >  [JavaScript]oncopyを使ってテキストのコピー禁止

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>

関連ページ

 

 

戻るボタン

 

 

inserted by FC2 system