【JS】jQueryで画像のみマウスの右クリックを出来ないようにするスクリプトを組んでみた

2016/02/18 2018/02/01

jQueryで、画像のみ右クリック（コンテクストメニューの表示）が出来ないようにするスクリプトを組んでみたのでご紹介。

画像のみマウスの右クリックを出来ないようにする

ECサイトなどで、せっかく気合入れて撮影し、画像補正までした商品画像を同業他社にパクられるってことを未然に防ぐために、右クリックからの保存を出来ないようにする方法は無いものかと相談されまして、今回のスクリプトを組んでみました。

所詮はJavascriptで行う制御なので、ブラウザ設定でjsを切ってしまうと制御出来なくなりますし、そもそも画面のキャプチャを撮られたらそれでおしまいな、簡易的なものと先に表記しておきます。

それを踏まえた上での使用をお願いします。

<script>
$(function(){
    $("img").on("contextmenu", function(){
        return false;
    })
});
</script>

$(function(){

$("img").on("contextmenu", function(){

return false;

})

});

</script>

画像にマウスカーソルが乗った時のみ、コンテクストメニューの表示をさせなくする、ってだけの簡単なものです。

単純なものですが、あまり詳しくない方々にとっては、少しは効果があるのではないでしょうか。

created by Rinker

オライリー・ジャパン

: 【JS】Javascriptで少数を切り上げ、切り捨て、四捨五入などする方法

以前のポスト（ミニロト番号ジェネレータ）でJavascriptにおける「小数点以下の切り上げ方法」を少し紹介しましたが、切り捨て、四捨五入する方法もまとめておきたいと思います。

: プルダウンメニュー連動でテキストを切り替えるスクリプトをjQueryで組んでみた

プルダウンメニューを選択した際に指定のテキストを表示させるスクリプトを作って欲しいという要望があったので jQuery で作ってみました。

: jQuery Cookie を使ってタブ切り替え状態を保持する方法

以前作成したタブ切り替えのスクリプトを拡張し、リロードや別ページから戻った場合でもアクティブになっているタブをアクティブのままにしておく、ということがしたくなったのですが、どうやらjQuery Cookieというライブラリを使えば出来そうだったので、実際にやってみました。

: 【JS】Javascriptでパラパラ画像表示（制御ボタン付き）を作ってみる

2枚以上の画像をパラパラと切り替えるスクリプトをjavascriptで作ってみましたので、ご紹介。
ごくごく簡単なイメージギャラリーのようなイメージです。

: 【JS】「コナミコマンド」入力でアクションを起こすスクリプトを作ってみた

以前より作ってみたかった「コナミコマンド」スクリプトを、時間が空いたところで作ってみました。