JavaScript

jQueryを使って右クリックを禁止させる方法

クライアントワークで写真家のホームページを作ることになりました。ホームページで使用されている写真画像をダウンロードできなくするように右クリックをできなくして欲しいとの要望がありました。

正直、右クリックを禁止にしても、さまざまな方法で画像ファイルをダウンロードできてしまうのですが、まぁ一応ということで・・・

さて、jQueryで右クリックを禁止する方法ですが、以下のようなコードを書くだけで簡単に実現できます。

$(function(){
    $(document).on('contextmenu',function(e){
        return false;
    });
});

このように書くことで、閲覧してるページで右クリックメニューが表示されなくなります。

また、画像ファイル上でのみ右クリックメニューを禁止したい場合は以下のように書き換えます。

$(function(){
    $('img').on('contextmenu',function(e){
        return false;
    });
});

セレクタにimgタグを指定するだけです。

以上、jQueryを使って右クリックを禁止する方法でした。

ABOUT ME
ドレッド
目標必達のために鬼努力を惜しまない個人事業主。フリーライターとWeb制作のお仕事をしています。IT・セキュリティ・Web制作・金融・障害福祉など、専門性を活かして様々な分野で仕事をしています。立命館大学中退。放送大学教養学部の全科履修生。所有資格:情報セキュリティスペシャリスト、応用情報技術者、FP2級、AFP、ウェブ解析士、SEO検定1級 など。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA