blocks|key|1003326|text|首先，如果你这样做只是为了防止人们查看你的页面的源代码-这是行不通的，因为他们总是可以使用键盘快捷键来查看它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1003327|其次，您必须使用JavaScript来完成此任务。如果用户关闭了JS，则无法阻止右键单击。|1003328|也就是说，将这个添加到body标签中，以禁用右键单击。|1003329|<body+oncontextmenu="return+false;">|code-block|syntax|javascript|1003330|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Firstly, if you are doing this just to prevent people viewing the source of your page - it won't work, because they can always use a keyboard shortcut to view it.

Secondly, you will have to use JavaScript to accomplish this. If the user has JS disabled, you cannot prevent the right click.

That said, add this to your body tag to disable right clicks.

<pre><code>&lt;body oncontextmenu="return false;"&gt;
</code></pre>

blocks|key|1003393|text|我在谷歌浏览器上用的是<body+oncontextmenu="return+false;">。不确定是否使用其他浏览器。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1003394|请注意，所有人要做的就是禁用JavaScript，才能看到右键单击菜单。|1003395|entityMap^0|B|10|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

<code>&lt;body oncontextmenu="return false;"&gt;</code> works for me in Google Chrome. Not sure about other browsers.

Note, all someone has to do is disable JavaScript in order to see the right-click menu anyway.

blocks|key|1217843|text|有很多这样的例子，可以通过Google找到|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1217844|但是，用户可以关闭Javascript来停止这一非常恼人的“功能”。我认为在实现它之前，你应该好好考虑一下。它不会真正地保护你的内容(如果这是你想要达到的目的)。|1217845|有一篇here文章说明了它是多么令人讨厌和毫无意义。|1217846|entityMap|0|LINK|mutability|MUTABLE|url|http://www.google.co.uk/search?q=javascript%2Bdisable%2Bright%2Bclick|1|http://articles.sitepoint.com/article/dont-disable-right-click^0|D|6|0|0|0|3|4|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]|P|$5|K|L|M|C|$N|Q]]]]

There are plenty of examples of this which can be found via <a href="http://www.google.co.uk/search?q=javascript+disable+right+click" rel="nofollow noreferrer">Google</a>

However, users can turn off Javascript to stop this highly annoying "feature". I think you should really think about this before implementing it. It isn't really going to protect your content (if that is what you are trying achieve).

There is an article <a href="http://articles.sitepoint.com/article/dont-disable-right-click" rel="nofollow noreferrer">here</a> that illustrates just how annoying and pointless it is.

blocks|key|1217799|text|请不要那样做，这很烦人。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1217800|右边的菜单存在是有原因的，它应该留在那里。许多浏览器扩展将条目添加到右键单击菜单中，用户应该能够在他访问的任何页面中使用它。|1217801|此外，您还可以通过其他方式使用右键菜单的所有功能(键盘快捷键、浏览器菜单等)，因此阻止右键菜单只会对用户造成困扰。|1217802|附言:如果你真的无法抗拒阻止它的冲动，至少不要放一个弹出窗口，上面写着“不允许右击”。|1217803|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

Please do not do that, it is very annoying.

The right menu is there for a reason, and it should be left there.
Many browser extensions add entries to the right click menu and the user should be able to use it in any page he visits.

Moreover you can use all of the functionality of the right click menu in other ways (keyboard shortcuts, browser menu etc etc etc) so blocking the right click menu has the only effect of annoying the user.

PS: If really you cannot resist the urge to block it at least do not put a popup saying "no right click allowed".

blocks|key|1217898|text|您可以使用Javascript和/或HTML属性(这实际上是一个Javascript事件处理程序)来执行此操作，如下所述：http://www.codeproject.com/KB/aspnet/Disabling_the_right_click.aspx|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1217899|<script+language="javascript">
document.onmousedown=disableclick;
status="Right+Click+Disabled";
Function+disableclick(event)
{
++if(event.button==2)
+++{
+++++alert(status);
+++++return+false;++++
+++}
}
</script>|code-block|syntax|javascript|1217900|和|1217901|<body+oncontextmenu="return+false">
...
</body>|1217902|entityMap|0|LINK|mutability|MUTABLE|url|http://www.codeproject.com/KB/aspnet/Disabling_the_right_click.aspx^0|1P|1V|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

You can do so with Javascript and/or an HTML attribute (which is really a Javascript event handler anyway) as described here: <a href="http://www.codeproject.com/KB/aspnet/Disabling_the_right_click.aspx" rel="nofollow">http://www.codeproject.com/KB/aspnet/Disabling_the_right_click.aspx</a>

<pre><code>&lt;script language="javascript"&gt;
document.onmousedown=disableclick;
status="Right Click Disabled";
Function disableclick(event)
{
 if(event.button==2)
 {
 alert(status);
 return false; 
 }
}
&lt;/script&gt;
</code></pre>

and

<pre><code>&lt;body oncontextmenu="return false"&gt;
...
&lt;/body&gt;
</code></pre>

blocks|key|1003672|text|window.oncontextmenu+=+function+()+{
return+false;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1003673|可能会对你有帮助。|unstyled|1003674|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>window.oncontextmenu = function () {
return false;
}
</code></pre>

might help you.

blocks|key|1003549|text|试试这个:在body上写下下面的代码，感受一下魔力:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1003550|body+oncontextmenu="return+false"|code-block|syntax|javascript|1003551|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this : write below code on body &amp; feel the magic :)

<pre><code>body oncontextmenu="return false"
</code></pre>

blocks|key|1003652|text|//通过java脚本代码禁用右键脚本|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1003653|<script+language=JavaScript>
//Disable+right+click+script
var+message+=+"";
///////////////////////////////////
function+clickIE()+{
++++if+(document.all)+{
++++++++(message);
++++++++return+false;
++++}
}

function+clickNS(e)+{
++++if+(document.layers+%7C%7C+(document.getElementById+&&+!document.all))+{
++++++++if+(e.which+==+2+%7C%7C+e.which+==+3)+{
++++++++++++(message);
++++++++++++return+false;
++++++++}
++++}
}
if+(document.layers)+{
++++document.captureEvents(Event.MOUSEDOWN);
++++document.onmousedown+=+clickNS;
}+else+{
++++document.onmouseup+=+clickNS;
++++document.oncontextmenu+=+clickIE;
}

document.oncontextmenu+=+new+Function("return+false")
</script>|code-block|syntax|javascript|1003654|Click+here+to+see+semo|offset|length|1003655|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/uj6B2/3/^0|0|0|0|M|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

//Disable right click script via java script code

<pre><code>&lt;script language=JavaScript&gt;
//Disable right click script
var message = "";
///////////////////////////////////
function clickIE() {
 if (document.all) {
 (message);
 return false;
 }
}

function clickNS(e) {
 if (document.layers || (document.getElementById &amp;&amp; !document.all)) {
 if (e.which == 2 || e.which == 3) {
 (message);
 return false;
 }
 }
}
if (document.layers) {
 document.captureEvents(Event.MOUSEDOWN);
 document.onmousedown = clickNS;
} else {
 document.onmouseup = clickNS;
 document.oncontextmenu = clickIE;
}

document.oncontextmenu = new Function("return false")
&lt;/script&gt;
</code></pre>

<a href="http://jsfiddle.net/uj6B2/3/" rel="nofollow">Click here to see semo</a>

I want to disable mouse right click on an HTML page.
I have a page where user has to enter the details.
I don't want the user to see the menu thats get displayed with the mouse right click. Rather I want to display a custom menu. I know there are some plugins available to do that. But my requirement does not need any plugins.

How to disable mouse right click on a web page?

我想禁用在HTML页面上单击鼠标右键。我有一个页面，用户必须输入的细节。我不想让用户看到用鼠标右键点击时显示的菜单。相反，我想要显示一个自定义菜单。我知道有一些插件可以做到这一点。但是我的需求不需要任何插件。

问如何禁用网页上的鼠标右键单击？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何禁用网页上的鼠标右键单击？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何禁用网页上的鼠标右键单击？
EN