Home > Article > Web Front-end > Two JS methods to shield the right mouse button_javascript skills

Two JS methods to shield the right mouse button_javascript skills

WBOYOriginal: 2016-05-16 15:47:221227browse

Two ways to block the right mouse button in JS, a relatively common small JS function. After using this code, visitors will not be able to right-click when visiting your webpage, and the right-click menu will not pop up. This It is best not to use too many functions, as sometimes users will be disgusted.

The code is as follows:

<html>
<head>
<title>屏蔽鼠标右键</title>
</head>
<body oncontextmenu=self.event.returnvalue=false>
第一种方法：在body标签里加上oncontextmenu=self.event.returnvalue=false;
<br>
<script language="javascript">
<!--
function document.oncontextmenu()
{
return false;
}


function nocontextmenu()
{
if(document.all) {
event.cancelBubble=true;
event.returnvalue=false;
return false;
}
}
-->
</script>
第二种方法：在body里加入onmousedown="rclick()" oncontextmenu= "nocontextmenu()"
<br>
<script language="javascript">
<!--
function rclick()
{
if(document.all) {
if (event.button == 2){
event.returnvalue=false;
}
}
}
-->
</script>
<br>详细情况请查看代码。<br>
<br>现在点击你的鼠标右键，不起作用了。
</body>
</html>

The above is the entire content of this article, I hope it will be helpful to everyone’s study.

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Implementation code for javascript to control image playback_javascript skillsNext article：Implementation code for javascript to control image playback_javascript skills

See more

Two JS methods to shield the right mouse button_javascript skills

Related articles