CHIBATCH.JP

jQueryだけを使って右クリックを禁止する

画像などを右クリックから保存することができないようにするjQueryのプラグインが右クリックなどの画像ダウンロードを防止するjQueryプラグインで紹介されていたので、自分も書いてみようと思う。

ブラウザの画面上で右クリックを禁止するためには、禁止したい画像などにoncontextmenu="return false;"と書けばよいのですが、全部の画像に書いているととても面倒なので、この部分をjQueyを使って実装してみるという方法。
ドラッグとか、画像のURLに直接アクセスして保存されたらもうどうしようもないですが、ある程度だったら防げるかなと思います。

bind()を使う

右クリックを禁止するためにjQueryのbind()という関数を使います。
一番単純な例だとこのようになります。

$(document).ready(function(){
  $(document).bind("contextmenu",function(event){
    return false;
  });
});

画像だけでなく<div>などにも適用できます。

MTでアップロードした画像にだけ適用

jQueryを使っているということは、少しコードを変えるだけで特定のクラスに対して右クリック禁止ということもできます。
試しにspan.mt-enclosure-imageの中の画像に対してだけ右クリックを禁止してみます。

サンプル（MTからアップロードした画像）
右クリックを禁止する

$(document).ready(function(){
  $(".mt-enclosure-image img").bind("contextmenu",function(event){
    return false;
  });
});

bind()、かなり便利なのでアイデアを思いつき次第書いていこうと思います。

TAG

UPDATE HISTORY

  • リライト

COMMENTS

コメントはまだありません。ぜひあなたの一言を！

GIVE ME A COMMENT!