js屏蔽鼠标右键的两种方法，比较常用的一个js小功能，用上这个代码后，浏览者在访问你网页的时候就不能点击右键了，点了也不会弹出右键菜单，本功能最好不要用的太多哦，有时候用户会反感的。
代码如下:
<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实现屏蔽鼠标右键的方法,
"
在web端，通常是不需要右键菜单，各个浏览器也有自己的右键菜单。但是对于一些特殊的网页，是需要右键菜单来增加用户体验的，比如百度音乐，qq邮箱，相信大家都在web端使用过右键菜单了，现在来分享一下如何实现，比较简单。
运行代码：
window.onload = function() {
document.oncontextmenu = block;
document.body.onmouseup = function(event) {
if (!event) event = window.event;
if (event.button == 2) {
var x = event.pagex || event.clientx;
var y = event.pagey || event.clienty;
document.getelementbyid("contextmenu").style.left = x "px";
document.getelementbyid("contextmenu").style.top = y "px";
document.getelementbyid("contextmenu").style.display = "block";
}
}
//阻止事件冒泡
document.getelementbyid("contextmenu").onclick = function(event) {
event.stoppropagation();
}
//点击其他地方隐藏
document.onclick = function() {
document.getelementbyid("contextmenu").style.display = "none";
}
for (var i = 0; i < getelementsbyclassname("contextmenuitem").length; i ) {
getelementsbyclassname("contextmenuitem")[i].onclick = function(event) {
event = event ? event : window.event
var target = event.srcelement ? event.srcelement : event.targe;
document.getelementbyid("contextmenu").style.display = "none";
//alert("您点击了： " target.innerhtml);
}
}
}
function block(event) {
if (window.event) {
event = window.event;
event.returnvalue = false;
} else event.preventdefault();
}
//兼容ie不支持getelementsbyclassname
function getelementsbyclassname(classname, root, tagname) {
if (root) {
root = typeof root == "string" ? document.getelementbyid(root) : root;
} else {
root = document.body;
}
tagname = tagname || "*";
if (document.getelementsbyclassname) {
return root.getelementsbyclassname(classname);
} else {
var tag = root.getelementsbytagname(tagname);
var tagall = [];
for (var i = 0; i < tag.length; i ) {
for (var j = 0, n = tag[i].classname.split(" "); j < n.length; j ) {
if (n[j] == classname) {
tagall.push(tag[i]);
break;
}
}
}
return tagall;
}
}
效果图：
以上就是javascript实现鼠标右键自定义特色菜单的详细内容。