如果你是jquery迷，就用这个吧

    $(function() {
        $(this).bind("contextmenu", function(e) {
            e.preventDefault();
        });
    }); 

我想添加一个注意(chrome 97)，不确定这是否是与chrome或我的环境有关的bug。 右键单击我的应用程序的特定元素在一个新选项卡打开一个页面，使用鼠标下拉和oncontextmenu="返回false"我仍然有上下文菜单出现，甚至在新打开的页面上(只有安装的chrome扩展的菜单出现在上下文菜单上，我认为这个“bug”应该在未来版本的浏览器中得到修复)。

但与此同时，我用这个简单的hack修复了它

function onMouseDown () {
  setTimeout(() => window.open('the link', '_blank'), 100)
}

我只是推迟开账单。我认为出现这个错误是因为右击被新打开的页面捕获，而不是从我的应用程序试图打开选项卡的原始页面捕获。

希望它能让你免于头痛。

像下面这样做(它也适用于firefox):

$(document).on("contextmenu",function(e){

     if( e.button == 2 ) {
         e.preventDefault();
          callYourownFucntionOrCodeHere();
     }
return true;
});

如果你只是想禁用右键保存网页上的图像，请使用以下CSS解决方案:

your-img-tag {
  pointer-events: none;
}

在同一映像上实现之前:

在同一映像上实现后:

在Chrome和Firefox中都进行了测试。

如果你的目标是不允许用户简单地保存你的图像，你也可以检查点击的目标是否为图像，只在这种情况下禁用右键。所以右键可以用于其他目的。从上面的代码:

document.addEventListener("contextmenu", function(e){
    if (e.target.nodeName === "IMG") {
        e.preventDefault();
    }
}, false);

这只是拿走了保存图像的最简单的方法，但它仍然可以做到。

不

只是,不知道。

无论你做什么，你都不能阻止用户完全访问你网站上的每一点数据。你所编写的任何Javascript代码都可以通过关闭浏览器上的Javascript(或者使用NoScript这样的插件)而变得毫无意义。此外，没有办法禁用任何用户仅仅“查看源代码”或“查看页面信息”(或使用wget)的功能。

不值得这么费劲。这实际上是行不通的。它会让你的网站对用户充满敌意。他们会注意到这一点，并停止访问。这样做没有任何好处，只会浪费精力和损失流量。

不喜欢。

更新:随着时间的推移，这个小话题似乎已经被证明是相当有争议的。即便如此，我仍然坚持这个问题的答案。有时正确的答案是建议，而不是字面上的回答。

那些无意中发现这个问题并希望找到如何创建自定义上下文菜单的人应该看看其他地方，比如这些问题:

为我的web应用程序制作自定义右键上下文菜单，这依赖于jQuery 如何添加一个自定义右键菜单的网页，这使用纯javascript/html