javascript - 使用 Javascript 禁用上下文菜单(右键单击)

标签 javascript contextmenu right-click

我想禁用表格上的右键单击菜单。因为我使用右键单击来更改它的颜色(做了一个小战舰游戏)。但是我没有发现任何仍然有效的东西。所以非常感谢您的回答:)

这是电话:

<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/

关于javascript - 使用 Javascript 禁用上下文菜单(右键单击),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36686539/

相关文章:

jquery - 在 Firefox 上更改右键单击菜单

JavaScript:仅在特定元素内捕获右键单击和禁用菜单

javascript - 如何在 Angular 中使用指令加载外部模板?

javascript - 如何使用 selenium webdriver 提取 <nobr> 中的动态文本?

WPF 上下文菜单和 ListView

c# - 从上下文菜单发送对父对象的引用

javascript - 使用 jQuery 通过按钮加载 HTML 文件

javascript - 显示 API 返回的 PDF 文档

HTML/CSS 鼠标上下文菜单

actionscript-3 - AS3 MouseEvent.RIGHT_MOUSE_UP 不起作用