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

最終更新日 2017.11.20 - 公開日 2017.08.30

by Takumi Hirashima

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

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

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

<body oncontextmenu='return false'>

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

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

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