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

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

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

首先，如果不使用客户端功能，就无法实现这一点。这是javascript运行的地方。

其次，如果您试图控制终端用户可以从您的网站消费什么，那么您需要重新考虑如何显示这些信息。图像有一个公共url，可以通过HTTP获取，而不需要浏览器。

身份验证可以控制谁可以访问哪些资源。

在图像中嵌入水印可以证明图像来自特定的人/公司。

归根结底，资源管理实际上是用户/客户管理。

互联网的第一条规则，如果你不想让它被拿走，就不要让它公开!

互联网的第二条规则，如果你不想要它被拿走，就不要把它放在网上!

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

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

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

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

希望它能让你免于头痛。

你可以用JavaScript为"contextmenu"事件添加一个事件监听器，并调用preventDefault()方法:

document.addEventListener('contextmenu', event => event.preventDefault());

也就是说:不要这么做。

为什么?因为它只会惹恼用户。此外，许多浏览器都有一个安全选项来禁止禁用右键(上下文)菜单。

不知道你为什么想这么做。如果是出于某种错误的信念，认为可以通过这种方式保护源代码或图像，请再想想:您不能这样做。

 $(document).ready(function () {
            document.oncontextmenu = document.body.oncontextmenu = function () { return false; }
        });

我用这个代码禁用右键点击任何网页，它的工作很好。您可以使用此代码

jQuery(文档)时函数(){ jQuery(函数(){ jQuery(这个)。绑定("contextmenu"，函数(事件){ event.preventDefault (); alert('右击禁用此站点!!') })； })； })； < html > < >头 <title>在网页中右键单击禁用</title> . < script src = " https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js " > < /脚本> < / >头 身体< > 您编写自己的代码 < /身体> < / html >