Kontextmenü deaktivieren (Rechtsklick) mit Javascript

Question

Ich möchte das Rechtsklick-Menü auf einer Tabelle deaktivieren. Weil ich den Rechtsklick benutze, um die Farbe zu ändern (habe ein kleines Schlachtschiffspiel gemacht). Ich habe jedoch nichts gefunden, was noch funktioniert. So würde ich wirklich schätzen Ihre Antwort :)

Dies ist der Aufruf:

<td class="tdBox" onclick="attack(this, ${xStatus.count}, ${yStatus.count})" onmouseover="background(this)" onmouseout="backgroundLeave(this)" oncontextmenu="markField(this)"> 

und dies ist die JavaScript-Funktion:

function markField(obj) { 
    obj.style.backgroundColor = 'blue'; 
    //return false; 
} 

Answer 1

Hier Wie überschreibt man den contextmenu Event-Handler:

document.addEventListener("contextmenu", function(e) { 
    e.preventDefault(); 
    alert('Right click'); 

    // Or, in you case: markField() 
}); 

Hinweis: Die Verwendung von document ist nicht erforderlich. Es funktioniert auf jedem DOM-Knoten. Alternativ können Sie die Blockierung konditionell machen, indem Sie das Ziel e überprüfen.

Fiddle: https://jsfiddle.net/h1jdr1ew/1/

Answer 2

Versuchen dieser Code

<script language="javascript"> 
function markField(obj) 
{ 
    if(event.button==2) 
    { 
    //add your code here 
    obj.style.backgroundColor = 'blue'; 
    return false;  
    } 
} 
</script> 

<td class="tdBox" onclick="attack(this, ${xStatus.count}, ${yStatus.count})" 
onmouseover="background(this)" onmouseout="backgroundLeave(this)" 
oncontextmenu="markField(this)">