イベントをマウスの右ボタンでクリックする

Question

ブラウザのコンテキストメニューを無効にした後、右クリックしていくつかのアクションをトリガするにはどうすればよいですか？

私はこれを試しました。 。 。

$(document).ready(function(){ 
    $(document).bind("contextmenu",function(e){ 
     $('.alert').fadeToggle(); 
     return false; 
    }); 
}); 

Answer 1

一切のjQueryでも、oncontextmenuイベントハンドラを内蔵していますが、このような何かを行うことができますがあります：

$(document).ready(function(){ 
    document.oncontextmenu = function() {return false;}; 

    $(document).mousedown(function(e){ 
    if(e.button == 2) { 
     alert('Right mouse button!'); 
     return false; 
    } 
    return true; 
    }); 
}); 

基本的に私は、ブラウザのコンテキストメニューを無効にするには、DOMエレメントのも、oncontextmenuイベントをキャンセルしませんjQueryを使ってmousedownイベントをキャプチャします。そこでは、どのボタンが押されたのかをイベント引数で知ることができます。

上記の例を試すことができますhere。

Answer 2

contextmenuはイベントですか？

I（左= 0、1 =中央、2 =右）が押されたボタンを決定するためにMouseEventのボタン性をつかむその後onmousedown又はonclickを使用します。

Answer 3

関数が早すぎます。私は以下のコードにコメントを追加しました：

$(document).ready(function(){ 
    $(document).bind("contextmenu",function(e){ 
     return false; 
     $('.alert').fadeToggle(); // this line never gets called 
    }); 
}); 

次の行でreturn false;を交換してみてください。

Answer 4

イベントハンドラを使用するだけです。このような何か作業をする必要があります：

$('.js-my-element').bind('contextmenu', function(e) { 
    e.preventDefault(); 
    alert('The eventhandler will make sure, that the contextmenu dosn't appear.'); 
}); 

Answer 5

私はここで、この答えを見つけて、私はこのようにそれを使用しています。単純に次のようにこれを行うページのすべての画像上で右クリックしてコンテキストメニューを無効にするには

$("#newmagazine").customContextMenu(function(){ 
    alert("some code"); 
}); 

Answer 6

document.oncontextmenu = function() {return false;}; //disable the browser context menu 
$('selector-name')[0].oncontextmenu = function(){} //set jquery element context menu 

Answer 7

：私のページのスクリプトから

$.fn.customContextMenu = function(callBack){ 
    $(this).each(function(){ 
     $(this).bind("contextmenu",function(e){ 
      e.preventDefault(); 
      callBack(); 
     }); 
    }); 
} 

コード：マイライブラリから

コード：

jQuery(document).ready(function(){ 
    // Disable context menu on images by right clicking 
    for(i=0;i<document.images.length;i++) { 
     document.images[i].onmousedown = protect; 
    } 
}); 

function protect (e) { 
    //alert('Right mouse button not allowed!'); 
    this.oncontextmenu = function() {return false;}; 
} 

Answer 8

.contextmenu方法： -

てみ

<div id="wrap">Right click</div> 

<script> 
$('#wrap').contextmenu(function() { 
    alert("Right click"); 
}); 
</script> 

.mousedown方法を次のように - あなたは

$('#wrap').mousedown(function(event) { 

     if(event.which == 3){ 
      alert('Right Mouse button pressed.'); 
     } 
});