Отключить контекстное меню (щелкните правой кнопкой мыши) с помощью Javascript

Question

Я хочу отключить меню правой кнопки мыши на столе. Потому что я использую rightclick, чтобы изменить его цвет (сделал небольшую игру Battleship). Однако я ничего не нашел, что все еще работает. Так что я был бы очень признателен ответ :)

Это вызов:

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

и это функция JavaScript:

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

Answer 1

Вот как переопределить обработчик событий contextmenu:

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

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

Примечание: использование document не является обязательным требованием. Он будет работать на любом узле DOM. В качестве альтернативы вы можете сделать условие блокировки, проверив цель e.

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

Answer 2

Попробуйте этот код

<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)">