【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で日数計算をしてみる

娘の百日膳を行うにあたって「誕生日からの100日目っていつなんだ？」というのを調べる機会があったのですが、せっかくなので勉強がてら自分でも組んでみようと思い、日数計算できるスクリプトをjQueryを利用して作ってみたので公開してみたいと思います。

: 【JS】タイトルタグを利用したツールチッププラグイン「jquery.tgHoverToolTip」をjQueryで作ってみた

以前作成したツールチップを拡張し、クリックではなくマウスオーバーでポップアップするようにしてみました。クリック版ではリンクタグを利用していたためにボタンに埋め込んだりは出来なかったのですが、titleタグを利用する形式にしたため、リンクの他にも使えるようにもなっています。

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

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

: 【jQuery】タブの切替スクリプトを作成してみました

jQueryの練習で何かを作ってみようということで、yahooトップページのトピックスに使われているような、タブの切替を作ってみました。

: 【JS】定義リスト/記述リスト（dl, dd）タグの個数をカウントするスクリプトをjQueryで作ってみた

このブログの一番人気記事である「三文字略語」のページには現在何個の略字を載っけたのか数えたくなったのですが、いちいち自分で数えるのもバカらしく感じたのでプログラムにやらせてみようと作ってみました。