使用Javascript禁用上下文菜单(右键单击）

Disable Context Menu (Right click) with Javascript

本文关键字：右键 单击 菜单 上下文 Javascript 使用      更新时间：2023-09-26

我想禁用表上的右键菜单。因为我用右键点击来改变它的颜色（做了一个小小的战舰游戏）。然而，我没有发现任何仍然有效的东西。所以我真的很感激你的回答：）

这是呼叫：

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

以下是如何覆盖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/

试试这个代码

<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)">
相关文章：