【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

オライリー・ジャパン

: 【jQuery】下方へスクロールしたらトップへ戻るボタンを表示して、スムーズにページトップへ帰るスクリプトを組んでみた

下スクロールでふわっと表示させ、クリックすると上部へスルスルっと戻って消えるというスクリプトを組んでみました。戻るボタンもテキストではなく画像にし、ファイル名末尾に「_on」をつけた画像で差し替えも行なっています。

: 半角英数から全角英数へなど、文字を変換するスクリプトをjQueryを使って組んでみた。

郵便局サイトの住所を入れる際、地番を入れる欄にて「全角数字を使え」という旨のエラーが出ました。
何でわざわざ全角で数字？漢数字ならまだしも、半角数字で入力されている場合はフロントエンドでなんとでもなるだろう。

: 【JS】クーポン系サイトによくある「カウントダウンタイマー」をjQueryを使って設置してみる

「グルーポン」や「シェアリー」など、クーポン系サイトでよく利用されているような、カウントダウンしていくタイマーが必要になったので、その設置方法の紹介です。今回は「jQuery Countdown」というライブラリを使用します。

: 【JS】ハンバーガーメニューをjQueryとCSSで作成する方法

スマホ画面でも常時表示していたグローバルメニューを、ハンバーガーメニューをタップすれば表示し、再度タップすることで非表示にできないかと相談されたので、作ってみました。

: jQueryのtoggleSlideを使ってみる

ボタンやリンクなどをクリックしたら、みょいーんとDIVやらpで括ってた部分を表示させるというのを実装する、jQuery のtoggleSlideを使う方法。これも検索頻度の高いものなので、自分のメモとして残しておきます。