HTML

コピペで簡単 WEBサイトに右クリック禁止を実装する方法

コピペで簡単 WEBサイトに右クリック禁止を実装する方法を紹介します。
例えば、右クリックで画像をコピーできないようにしたい場合に便利な方法です。

  1. 右クリック禁止にする方法
  2. アラートを表示する方法

右クリック禁止にする方法

WEBサイト内で右クリックを禁止したい場合は body タグ内に oncontextmenu='return false' を追加します。
次のコードは、WEBサイトを右クリック禁止にする方法です。

<body oncontextmenu='return false'>

アラートを表示する方法

右クリックした時にアラートを表示したい場合は alert(); を追加します。
次のコードは、WEBサイトを右クリックした際にアラートを表示して右クリック禁止にした場合の方法です。

<body oncontextmenu="alert('右クリックを禁止しています。画像のコピーはご遠慮下さい。');return false">

まとめ

コピペで簡単 WEBサイトに右クリック禁止を実装する方法を紹介しました。

合わせて読みたい関連記事