本文目录一览：
JavaScript 网页的右键菜单怎么屏蔽
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
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”
lia自定义右键菜单 项目一/a/li
lia自定义右键菜单 项目二/a/li
lia自定义右键菜单 项目三/a/li
lia自定义右键菜单 项目四/a/li
lia自定义右键菜单 项目五/a/li
/ul
/body
/html
截图在空间，在这贴图总提交失败
hi.baidu.com/keneks/item/cb5d4bf938489c2f743c4c25
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/242340.html
微信扫一扫 
支付宝扫一扫 