Evento de vinculación al clic derecho del mouse

Question

¿Cómo puedo activar alguna acción con un clic derecho después de deshabilitar el menú contextual del navegador?

Intenté esto. . .

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

Answer 1

No hay incorporado en el controlador de eventos OnContextMenu en jQuery, pero se puede hacer algo como esto:

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

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

Básicamente cancelar el evento OnContextMenu del elemento DOM para desactivar el menú contextual del navegador , y luego capturo el evento mousedown con jQuery, y allí puede saber en el argumento del evento qué botón ha sido presionado.

Puede probar el ejemplo anterior here.

Answer 2

¿Es contextmenu un evento?

me gustaría utilizar onmousedown o onclick a continuación, coger botón propiedad la MouseEvent 's para determinar qué botón se ha pulsado (0 = izquierda, 1 = medio, 2 = derecha).

Answer 3

La función vuelve demasiado pronto. He añadido un comentario en el código de abajo:

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

intentar cambiar la return false; con la siguiente línea.

Answer 4

Simplemente use el controlador de eventos. Algo como esto debería funcionar:

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

Answer 5

He encontrado esta respuesta aquí y la estoy usando así.

Código de mi biblioteca:

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

Código de la escritura de mi página:

$("#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

Para desactivar el menú del botón derecho contexto en todas las imágenes de una página simplemente hacer esto con lo siguiente:

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 método: -

Trata de la siguiente manera

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

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

.mousedown método: -

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

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