Fare clic con il tasto destro su un evento Javascript?

Question

Fare clic con il pulsante destro del mouse su un evento Javascript? Se sì, come lo uso?

Answer 1

Come altri hanno menzionato, il pulsante destro del mouse può essere rilevato through the usual mouse events (mousedown, mouseup, click). Tuttavia, se stai cercando un evento di attivazione quando viene attivato il menu di scelta rapida, stai cercando nel posto sbagliato. Il tasto destro del mouse/menu di scelta rapida è accessibile anche tramite la tastiera (MAIUSC + F10 o tasto menu di scelta rapida su Windows e alcuni Linux). In questa situazione, l'evento che si sta cercando è oncontextmenu:

window.oncontextmenu = function() 
{ 
    showCustomMenu(); 
    return false;  // cancel default menu 
} 

Per quanto riguarda gli eventi del mouse stessi, i browser impostare una proprietà per l'oggetto evento che è accessibile dalla funzione di gestione degli eventi:

document.body.onclick = function (e) { 
    var isRightMB; 
    e = e || window.event; 

    if ("which" in e) // Gecko (Firefox), WebKit (Safari/Chrome) & Opera 
     isRightMB = e.which == 3; 
    else if ("button" in e) // IE, Opera 
     isRightMB = e.button == 2; 

    alert("Right mouse button " + (isRightMB ? "" : " was not") + "clicked!"); 
} 

window.oncontextmenu - MDC

Answer 2

Sì, lo è!

function doSomething(e) { 
    var rightclick; 
    if (!e) var e = window.event; 
    if (e.which) rightclick = (e.which == 3); 
    else if (e.button) rightclick = (e.button == 2); 
    alert('Rightclick: ' + rightclick); // true or false 
} 

Answer 3

No, ma è possibile rilevare quale pulsante del mouse è stato utilizzato nel caso "onMouseDown" ... e da lì a determinare se si trattava di un "tasto destro del mouse".

Answer 4

Sì, è un evento javascript mousedown. C'è anche un jQuery plugin per farlo

Answer 5

un'occhiata al seguente codice jQuery:

$("#myId").mousedown(function(ev){ 
     if(ev.which == 3) 
     { 
      alert("Right mouse button clicked on element with id myId"); 
     } 
}); 

Il valore di which sarà:

• per il pulsante sinistro
• per il tasto centrale
• per il tasto destro

Answer 6

Ya, anche se w3c dice che il clic destro può essere rilevato dall'evento click, onClick non viene attivato tramite il clic destro in browser abituali

Infatti, fare clic con il tasto destro del mouse su triggerMouseDown onMouseUp e onContextMenu.

Pertanto, è possibile considerare "onContextMenu" come l'evento del clic destro. È uno standard HTML5.0.

Answer 7

evento maniglia usando jQuery biblioteca

$(window).on("contextmenu", function(e) 
{ 
    alert("Right click"); 
}) 

Answer 8

Sì, oncontextmenu è probabilmente la migliore alternativa, ma essere consapevoli che si innesca al passaggio del mouse verso il basso, mentre clicca attiverà il mouse verso l'alto.

Altre domande correlate riguardavano il doppio clic destro - che apparentemente non è supportato se non tramite il controllo manuale del timer. Un motivo per cui si potrebbe desiderare di avere il doppio clic è se è necessario/desidera supportare l'input del mouse mancino (inversione del pulsante). Le implementazioni del browser sembrano fare molte supposizioni su come dovremmo usare i dispositivi di input disponibili.

Answer 9

La mia risposta è window.oncontextmenu, ad esempio:

window.oncontextmenu = function() { 
 
    alert('Right Click') 
 
}

<h1>Please Right Click here!</h1>

Answer 10

Il seguente codice utilizza jQuery per generare un evento personalizzato rightclick basato sul predefinito mousedown e mouseup eventi. Essa considera i seguenti punti:

• grilletto su mouseup
• grilletto solo quando premuto mousedown sullo stesso elemento prima
• questo codice particolare funziona anche in JFX Webview (dal momento che l'evento contextmenu non viene attivato lì)
• non innesca quando si preme il tasto menu contestuale sulla tastiera (come la soluzione con il on('contextmenu', ...) fa

$(function() 
 
{ // global rightclick handler - trigger custom event "rightclick" 
 
\t var mouseDownElements = []; 
 
\t $(document).on('mousedown', '*', function(event) 
 
\t { 
 
\t \t if (event.which == 3) 
 
\t \t { 
 
\t \t \t mouseDownElements.push(this); 
 
\t \t } 
 
\t }); 
 
\t $(document).on('mouseup', '*', function(event) 
 
\t { 
 
\t \t if (event.which == 3 && mouseDownElements.indexOf(this) >= 0) 
 
\t \t { 
 
\t \t \t $(this).trigger('rightclick'); 
 
\t \t } 
 
\t }); 
 
\t $(document).on('mouseup', function() 
 
\t { 
 
\t \t mouseDownElements.length = 0; 
 
\t }); 
 
    // disable contextmenu 
 
    $(document).on('contextmenu', function(event) 
 
\t { 
 
\t \t event.preventDefault(); 
 
\t }); 
 
}); 
 

 

 

 
// Usage: 
 
$('#testButton').on('rightclick', function(event) 
 
{ 
 
    alert('this was a rightclick'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="testButton">Rightclick me</button>

Answer 11

Se si desidera chiamare la funzione, mentre il tasto destro evento ci consente di utilizzare i seguenti

<html lang="en" oncontextmenu="func(); return false;"> 
</html> 

<script> 
function func(){ 
alert("Yes"); 
} 
</script> 

Answer 12

Per gestire tasto destro del mouse, è possibile utilizzare l'evento 'oncontextmenu'. Di seguito è riportato un esempio:

document.body.oncontextmenu=function(event) { 
    alert(" Right click! "); 
}; 

il codice sopra avvisa del testo quando si preme il tasto destro del mouse. Se non si desidera visualizzare il menu predefinito del browser, è possibile aggiungere return false; Alla fine del contenuto della funzione. Grazie.

Answer 13

modo più semplice per fare clic destro fatto sta usando

$('classx').on('contextmenu', function (event) { 

}); 

Tuttavia questa non è una soluzione cross browser, i browser si comportano diversamente per questo evento particolare Firefox e IE. Vorrei raccomandare sotto per una soluzione cross browser

$('classx').on('mousedown', function (event) { 
    var keycode = (event.keyCode ? event.keyCode : event.which); 
    if (keycode === 3) { 
     //your right click code goes here  
    } 
});