[jQuery]マウスの右クリックを禁止する方法

Javascript・jQuery

2013.11.19

jQueryでマウスの右クリック動作を無効化する方法のご紹介です。

body要素全体にマウスの右クリック禁止を適用
特定の要素でマウスの右クリック禁止を適用

body要素全体にマウスの右クリック禁止を適用

<head>内にjqueryファイルと一緒に以下の記述を追加します。

<script src="./jquery.min.js"></script>
<script>
$(function(){
    $('body').on('contextmenu',function(e){
        return false;
    });
});
</script>

$(function(){

$('body').on('contextmenu',function(e){

return false;

});

</script>

特定の要素でマウスの右クリック禁止を適用

以下のように、contentクラスを付与した特定の要素に対してマウスの右クリック禁止を適用してみます。

<script src="./jquery.min.js"></script>
<script>
$(function(){
    $('.content').on('contextmenu',function(e){
        return false;
    });
});
</script>