【HTML】画像の右クリックを禁止する方法

要件で画像のダウンロード(ローカルに保存)を禁止したいというのがあって調べたメモ。

基本的に画像をブラウザで表示した時点でダウンロードしているようなものなので、完全には不可能。

今回は一般の人が右クリックから「画像を保存」を禁止するだけで十分だったので、「画像だけ右クリックを禁止する」というので調べてみた。

全ての答えがここに。

oncontextmenuというJavaScriptのイベントを使う。

例えば、画像だけ右クリックを禁止する場合。

<img src="画像のURL" oncontextmenu="return false">

と書けば簡単に可能。

<img src="画像のURL" oncontextmenu="alert('アラートで出す文字');return false;">

という感じで右クリック時にjavascriptも実行可能。

・・・知らなかった。