【JS】jQueryで画像のみマウスの右クリックを出来ないようにするスクリプトを組んでみた
2018/02/01
jQueryで、画像のみ右クリック(コンテクストメニューの表示)が出来ないようにするスクリプトを組んでみたのでご紹介。
画像のみマウスの右クリックを出来ないようにする
ECサイトなどで、せっかく気合入れて撮影し、画像補正までした商品画像を同業他社にパクられるってことを未然に防ぐために、右クリックからの保存を出来ないようにする方法は無いものかと相談されまして、今回のスクリプトを組んでみました。
所詮はJavascriptで行う制御なので、ブラウザ設定でjsを切ってしまうと制御出来なくなりますし、そもそも画面のキャプチャを撮られたらそれでおしまいな、簡易的なものと先に表記しておきます。
それを踏まえた上での使用をお願いします。
コンテクストメニュー表示の制御
js
1 2 3 4 5 6 7 |
<script> $(function(){ $("img").on("contextmenu", function(){ return false; }) }); </script> |
簡単な説明
画像にマウスカーソルが乗った時のみ、コンテクストメニューの表示をさせなくする、ってだけの簡単なものです。
単純なものですが、あまり詳しくない方々にとっては、少しは効果があるのではないでしょうか。