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

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

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

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

全ての答えがここに。

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

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

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

と書けば簡単に可能。

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

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

・・・知らなかった。

コメント

  1. たしかIEだけですよね

    まぁFx使う人は、右クリ禁止でもなんか頑張りそう

    返信削除
  2. 試しにやってみたら
    IE8
    Firefox 3.0
    Google Chrome 2.0
    でoncontextmenuは正常に動いているみたいです。
    確かにFirefox使っている人に禁止しても無駄でしょうね・・・

    返信削除

コメントを投稿

このブログの人気の投稿

【.NET】DataGridViewを選択した際に背景色を変更しない

Can't open PID file /var/run/nginx.pid (yet?) after start: Too many levels of symbolic links

【PostgreSQL】ROWNUMのように行番号(現在行)を取得するROW_NUMBER