我如何禁用右键点击我的网页?

我可以禁用右击在我的网页不使用JavaScript?我问这个问题是因为大多数浏览器允许用户禁用JavaScript。

如果不是，我如何使用JavaScript禁用右键?

939482 次浏览
小开

如果不使用Javascript，您就无法完成您的要求。您可以选择使用的任何其他技术只能帮助在服务器端组成web页面，然后发送到浏览器。

没有好的解决方案，没有Javascript的解决方案周期。

小开
最佳答案

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

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

也就是说:不要这样做。

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

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

小开

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

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

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

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

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

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

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

小开

不

只是,不知道。

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

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

不喜欢。

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

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

小开

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

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

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

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

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

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

小开

当然，就像这里的所有其他评论一样，这根本行不通。

我曾经为客户端构建了一个简单的java applet，它强制任何图像的捕获都通过屏幕捕获来完成，您可能会考虑类似的技术。在有限的范围内，它是有效的，但我仍然认为这是浪费时间。

小开

最初的问题是关于如何停止右击因为用户可以禁用JavaScript:这听起来邪恶和邪恶(因此有负面的回答)-但所有的副本都重定向到这里，即使许多副本的目的不那么邪恶。

例如，在HTML5游戏中使用右键按钮。这可以用上面的内联代码来实现，或者像这样更好一点:

document.addEventListener("contextmenu", function (e){
e.preventDefault();
}, false);

但如果你正在制作一个游戏，那么请记住，右键按钮会触发contextmenu事件——但它也会触发常规的mousedown和mouseup事件。因此，你需要检查事件的哪一个属性，看看是否是左(which === 1)、中(which === 2)或右(which === 3)鼠标按钮触发了事件。

下面是jQuery的一个例子——注意，按下鼠标右键将触发三个事件:mousedown事件、contextmenu事件和mouseup事件。

// With jQuery
$(document).on({
"contextmenu": function (e) {
console.log("ctx menu button:", e.which);


// Stop the context menu
e.preventDefault();
},
"mousedown": function(e) {
console.log("normal mouse down:", e.which);
},
"mouseup": function(e) {
console.log("normal mouse up:", e.which);
}
});

所以如果你在游戏中使用鼠标左右键，你就必须在鼠标处理程序中执行一些条件逻辑。

小开 
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script>
<script type='text/javascript'>//<![CDATA[
$(function(){
$('img').bind('contextmenu', function(e){
return false;
});
});//]]>
</script>
</head>
<body>
<img src="http://www.winergyinc.com/wp-content/uploads/2010/12/ajax.jpg"/>
</body>

小开

将此代码放入页面的<head>标记中。

<script type="text/javascript">
function disableselect(e){
return false
}


function reEnable(){
return true
}


//if IE4+
document.onselectstart=new Function ("return false")
document.oncontextmenu=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

这将禁用右键点击整个网页，但只有当JavaScript启用。

小开

如果您不关心在用户每次尝试右击时提醒他们一条消息，那么可以尝试将此添加到body标签中

<body oncontextmenu="return false;">

这将阻止对上下文菜单的所有访问(不仅从鼠标右键，而且从键盘)。

然而，正如在其他回答中提到的，添加右击禁用功能确实没有意义。任何具备基本浏览器知识的人都可以查看源代码并提取所需的信息。

小开

我知道我迟到了，但我想为我将要提供的答案创建一些假设和解释。

我可以禁用右键吗?

我可以禁用右击在我的网页不使用Javascript?

是的，通过使用JavaScript，你可以禁用任何发生的事件，你可以只通过JavaScript做到这一点。你只需要:

  1. 工作硬件

  2. 一个网站或其他地方，你可以从那里了解密钥代码。因为你会需要他们。

现在假设你想阻止回车键这里是代码:

function prevententer () {
if(event.keyCode == 13) {
return false;
}
}

右击使用这个:

event.button == 2

代替event.keyCode。你会阻止它。

我想问这个问题是因为大多数浏览器允许用户通过Javascript禁用它。

你是对的，浏览器允许你使用JavaScript, javascript为你做了所有的工作。你不需要设置任何东西，只需要在头部的脚本属性。

为什么不应该禁用它?

主要和快速的答案将是，用户不会喜欢的。每个人都需要自由，没有人我的意思是没有人想被屏蔽或禁用，几分钟前我在一个网站上，它阻止了我的右键点击，我想为什么?您需要保护源代码吗?然后在这里ctrl+shift+J我已经打开了Console，现在我可以去HTML-code选项卡。来阻止我吧。这不会给你的应用程序添加任何安全层。

有很多有用的菜单在右键单击，如复制，粘贴，搜索谷歌的“文本”(在Chrome中)和更多。因此，用户希望获得方便的访问，而不是记住大量的键盘快捷键。任何人仍然可以复制上下文，保存图像或做任何他想做的事情。

浏览器使用鼠标导航:一些浏览器，如歌剧使用鼠标导航，所以如果你禁用它，用户肯定会讨厌你的用户界面和脚本。

所以这是基本的，我打算写一些关于保存源代码的东西，呵呵，但是，让它成为你问题的答案。

键码参考:

按键和鼠标按键代码:

http://www.w3schools.com/jsref/event_button.asp

https://developer.mozilla.org/en-US/docs/Web/API/event.button(也会被用户欣赏)。

为什么不禁用右键:

http://www.sitepoint.com/dont-disable-right-click/

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

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

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

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

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

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

小开

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

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


if( e.button == 2 ) {
e.preventDefault();
callYourownFucntionOrCodeHere();
}
return true;
});
小开 
    <script>
window.oncontextmenu = function () {
console.log("Right Click Disabled");
return false;
}
</script>
小开

试试这个

<script language=JavaScript>
//Disable right mouse click Script


var message="Function Disabled!";


function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}


function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}


if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}


document.oncontextmenu=new Function("alert(message);return false")


</script>
小开

Javascript:

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

禁用网页上的右键很简单。只需几行JavaScript代码就可以完成这项工作。下面是JavaScript代码:

$("html").on("contextmenu",function(e){
return false;
});

在上面的代码中，我选择了标签。在你添加了这三行代码后，它将禁用在网页上的右键单击。

来源:使用jQuery在网页上禁用右键，复制，剪切功能

小开

它取决于浏览器和操作系统是否允许这样的预防!

Should you do it? 没有。因为它不会阻止用户，但它只会惹恼他/她。

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

Chrome (v65)在Ubuntu 16.04 =你可以禁用右击。

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

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

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

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

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


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

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

jQuery(document).ready(function(){
jQuery(function() {
jQuery(this).bind("contextmenu", function(event) {
event.preventDefault();
alert('Right click disable in this site!!')
});
});
});
<html>
<head>
<title>Right click disable in web page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
You write your own code
</body>
</html>

小开

使用此功能可以禁用右键操作。你可以禁用左键点击也通过checking 1 and 0对应

document.onmousedown = rightclickD;
function rightclickD(e)
{
e = e||event;
console.log(e);
if (e.button == 2) {
//alert('Right click disabled!!!');
return false; }
}
小开

有几件事需要考虑:

像chrome商店中“启用右键”这样的浏览器插件的存在是有原因的，你无法绕过它们。你根本无法阻止人们下载你的内容，因为他们必须下载你的内容才能在浏览器中看到;人们尝试，但它总是在那里。

一般来说，如果内容不应该公开，就不要放在网上。

此外，不能右击也是一个可访问性问题，在许多情况下相当于对盲人、残疾人或老年人的非法歧视。查看你当地的法律，但在美国，它以联邦ADA的形式积极反对法律，因为盲人或老年人可能有视力问题，是一个受法律保护的阶层。

所以与其这样做，浪费大量的时间和精力，还不如不要费心去做这个。这可能会让你的公司被起诉，或者让他们无法通过合规审计。

小开

试试这段代码禁用检查元素选项

    jQuery(document).ready(function() {
function disableSelection(e) {
if (typeof e.onselectstart != "undefined") e.onselectstart = function() {
return false
};
else if (typeof e.style.MozUserSelect != "undefined") e.style.MozUserSelect = "none";
else e.onmousedown = function() {
return false
};
e.style.cursor = "default"
}
window.onload = function() {
disableSelection(document.body)
};


window.addEventListener("keydown", function(e) {
if (e.ctrlKey && (e.which == 65 || e.which == 66 || e.which == 67 || e.which == 70 || e.which == 73 || e.which == 80 || e.which == 83 || e.which == 85 || e.which == 86)) {
e.preventDefault()
}
});
document.keypress = function(e) {
if (e.ctrlKey && (e.which == 65 || e.which == 66 || e.which == 70 || e.which == 67 || e.which == 73 || e.which == 80 || e.which == 83 || e.which == 85 || e.which == 86)) {}
return false
};


document.onkeydown = function(e) {
e = e || window.event;
if (e.keyCode == 123 || e.keyCode == 18) {
return false
}
};


document.oncontextmenu = function(e) {
var t = e || window.event;
var n = t.target || t.srcElement;
if (n.nodeName != "A") return false
};
document.ondragstart = function() {
return false
};
});
小开

如果你只是想禁用web页面上保存图片的右键单击，请使用以下CSS解决方案:

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

Before implementation On Same Image: Before < / p >

After implementation On Same Image: After < / p >

测试工作在铬和火狐。

小开

就这么做

在body标签上写oncontextmenu事件

<body oncontextmenu="return false">

小开

是的，你可以使用HTML和Javascript禁用它。
只需在body或元素上添加oncontextmenu="return false;"即可。
这是非常简单的，只是使用有效的HTML和Javascript，没有jQuery

小开

简单的方法:

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
小开

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

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

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

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

希望它能让你免于头痛。

小开

下面有三种最流行的方法来禁用在网页上单击鼠标右键。

#1使用HTML正文标签

<body oncontextmenu="return false;">

#2使用CSS

body {
-webkit-user-select: none;  /* Chrome all / Safari all */
-moz-user-select: none;     /* Firefox all */
-ms-user-select: none;      /* IE 10+ */
-o-user-select: none;
user-select: none;
}

#3使用JavaScript

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

提交答案