将事件绑定到鼠标右键

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事件，您可以在事件参数中知道按下了哪个按钮。

您可以在此处尝试上述示例。

Answer 2

该函数返回太早。我在下面的代码中添加了注释：

$(document).ready(function(){

    $(document).bind("contextmenu",function(e){

        return false;

        $('.alert').fadeToggle(); // this line never gets called

    });

});

尝试将换成return false;下一行。

Answer 3

我在这里找到了这个答案，我正在像这样使用它。

来自我的图书馆的代码：

$.fn.customContextMenu = function(callBack){

    $(this).each(function(){

        $(this).bind("contextmenu",function(e){

             e.preventDefault();

             callBack();

        });

    }); 

}

页面脚本中的代码：

$("#newmagazine").customContextMenu(function(){

    alert("some code");

});