JavaScriptの oncontextmenu
を使い、右クリックからのコンテキストメニューの表示を禁止し、間接的にコンテンツのコピー禁止の意思を示します。ただし、コンテキストメニューを制限するだけで他の方法によるコピーは可能です。JavaScriptは、対象のp要素に直接記述しています。
各サンプルのテキストの上、またはテキストを選択して右クリックをすると、
(1)は、コンテキストメニューの制限無し。
(2)は、コンテキストメニューを禁止。oncontextmenu="return false;"
(3)は、コンテキストメニューを禁止し、かつアラートを出します。oncontextmenu="alert('コンテキストメニュー禁止です'); return false;"
コピーを禁止するサンプル
(1)[コンテキストメニューの制限無し]
テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
(2)[コンテキストメニュー禁止]
テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
(3)[コンテキストメニュー禁止(アラート付き)]
テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
htmlのソース
<p>
(1)[コンテキストメニューの制限無し]<br>テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
</p>
<p oncontextmenu="return false;">
(2)[コンテキストメニュー禁止] <br>テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
</p>
<p oncontextmenu="alert('コンテキストメニュー禁止です'); return false;">
(3)[コンテキストメニュー禁止(アラート付き)] <br>テスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキストテスト用サンプルテキスト
</p>
関連ページ