重要提示:这取决于浏览器和操作系统是否允许这样的预防!

你应该这么做吗?不。因为它不会阻止用户，但它只会惹恼他/她。

你会用吗?是的。例子:在某些网页应用中，你想要定制弹出菜单，在游戏中，用户可能会因为错误地单击右键而感到恼火，以及其他情况。

Ubuntu 16.04中的Chrome (v65) =您可以禁用右键单击。

Chrome (v65)在Mac OS 10.11 =你不能禁用右键。

Chrome (v65)在Windows 7 =你不能禁用右键。

Mac OS 10.11中的Firefox (v41) =您可以禁用右键单击。

Windows 7中的Firefox (v43) =您可以禁用右键单击。

// Vanilla JS way
document.addEventListener('contextmenu', function(e){
    e.preventDefault();
});

// jQuery way
$(document).bind('contextmenu', function(e) {
    e.preventDefault();
});

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

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

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

如果你的目标是阻止别人下载你的图片，就像大多数人说的那样，禁用右键几乎是无效的。

假设您正在尝试保护图像，替代方法是-

使用flash播放器，用户无法下载，但他们可以轻松地进行屏幕捕捉。

如果你想更笨拙，使图像的背景一个div，包含一个透明的图像，à la -

<div style="background-image: url(YourImage.jpg);">
   <img src="transparent.gif"/>
</div>

将足以阻止随意窃取您的图像(参见下面的示例)，但与所有这些技术一样，如果对html有基本的了解，就很难击败它们。

Javascript:

document.getElementsByTagName("html")[0].setAttribute("oncontextmenu", "return false"); 

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

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

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

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

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

希望它能让你免于头痛。