Привязать событие к щелчку правой кнопкой мыши

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; 
  }); 
});

Обычно я отменяю событие oncontextmenu элемента DOM, чтобы отключить контекстное меню браузера, а затем записываю событие mousedown с помощью jQuery, и в аргументе события можно узнать, какая кнопка была нажата.

Вы можете попробовать приведенный выше пример здесь .

Answer 2

Функция возвращает слишком рано. Я добавил комментарий к коду ниже:

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

Попробуйте поменять return false; на следующую строку.

Answer 3

Просто используйте обработчик событий. Примерно так должно работать:

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

Answer 4

Я нашел этот ответ здесь и использую его вот так.

Код из моей библиотеки:

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

Код из скрипта моей страницы:

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

Answer 5

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

Answer 6

.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.');
        }  
});

Answer 7

Чтобы отключить контекстное меню правой кнопкой мыши на всех изображениях страницы, просто сделайте следующее:

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 событием?

Я бы использовал onmousedown или onclick, а затем захватил MouseEvent кнопку , чтобы определить, какая кнопка была нажата (0 = влево, 1 = в середине, 2 = вправо).