本文目录一览:
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