右クリック禁止方法|jQuery【画像保存禁止】

右クリック禁止方法|jQuery【画像保存禁止】
この記事は約1分で読めます。

右クリックを禁止にすると画像の保存を出来辛くすることができます。
右クリックできなくする範囲を今回は2つ用意しましたが、「div」や特定クラス・IDにも指定可能です。

ページ全体で右クリック禁止方法

ページ全体を右クリック禁止することで画像の保存を回避する。

  $("body").on("contextmenu",function(e){
    return false;
  });

画像のみ右クリックを禁止にする

ページ全体だと何かと不都合があるので、今度は画像のみを右クリック禁止にする。

  $("img").on("contextmenu",function(e){
    return false;
  });
javascriptjQueryサイト制作

フロントエンドエンジニアとして10年目のキャリアを積んでおり、figma、Illustrator、Photoshop、WordPress、HTML、今は亡きXHTML、CSS(scss)、JavaScript(jQuery)、PHPなど使って日々仕事をしています。

仕事で検索する手間を省くためフロントエンド技術に関するブログを書いています。

制作のご依頼やお問い合わせはこちらから連絡お願いします。

エンデ・バタローをフォローする
シェアする
初めてのブログ

コメント

タイトルとURLをコピーしました