js屏蔽网页鼠标右键问题（网页屏蔽右键怎么办）
更新：2022-11-09 05:45
本文目录一览：
JavaScript 网页的右键菜单怎么屏蔽
html
head
title屏蔽鼠标右键/title
/head
body oncontextmenu=self.event.returnvalue=false
第一种方法：在body标签里加上oncontextmenu=self.event.returnvalue=false;
<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()"
<script language="javascript">
<!--
function rclick()
{
if(document.all) {
if (event.button == 2){
event.returnvalue=false;
}
}
}
-->
</script>
详细情况请查看代码。 现在点击你的鼠标右键，不起作用了。
js如何在页面禁止右击
在THML页面代码添加以下代码就可以
<script language="javascript">
/*document.oncontextmenu=Youji;*/ //为当前文档添加鼠标右击事件，防止默认的右击菜单弹出
function Youji()
{
alert("右击失败！");
return false;
}
//为某个dom元素添加鼠标右击事件
window.onload = function(){
document.getElementById("div1").oncontextmenu=Youji;
}
</script>
<div id="div1"></div>
保存后打开。面就可以看到效果，
如何使用JavaScript屏蔽鼠标右键菜单，并且调用其他函数。
有 jQuery 就好办多了，你可以直接使用 contextmenu()。你的自定义 事件/代码 必须写在 return false 之前。 我写了个大概的框架，菜单内容和点击事件你要自己根据实际情况添加。
<!DOCTYPE html>
<html>
<head>
<title>右键自定义菜单</title>
<meta charset="gb2312" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function () {
var mousex = -99999, mousey = -99999;
$(document).on("contextmenu", function (e) {
mousex = e.pageX;
mousey = e.pageY;
$("#contextmenu").css({
top: mousey,
left: mousex
}).show();
return false;
}).on("click", function () {
$("#contextmenu").hide();
});
$("#contextmenu a").on("click", function () {
alert($(this).text());
});
});
</script>
<style type="text/css">
#contextmenu {
border: 1px solid #aaa;
border-bottom: 0;
background: #eee;
position: absolute;
list-style: none;
margin: 0;
padding: 0;
display: none;
}
#contextmenu li a {
display: block;
padding: 10px;
border-bottom: 1px solid #aaa;
cursor: pointer;
}
#contextmenu li a:hover {
background: #fff;
}
</style>
</head>
<body>
<ul id="contextmenu">
<li><a>自定义右键菜单 项目一</a></li>
<li><a>自定义右键菜单 项目二</a></li>
<li><a>自定义右键菜单 项目三</a></li>
<li><a>自定义右键菜单 项目四</a></li>
<li><a>自定义右键菜单 项目五</a></li>
</ul>
</body>
</html>
截图在空间，在这贴图总提交失败 hi.baidu.com/keneks/item/cb5d4bf938489c2f743c4c25
