JavaScript 网页的右键菜单怎么屏蔽

JavaScript018

JavaScript 网页的右键菜单怎么屏蔽,第1张

<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>

在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>

保存后打开。面就可以看到效果,

方法:

function stop(){

   return false

  }

document.oncontextmenu=stop

但有时,输入框的右键不能屏蔽,可以尝试下面的脚本:

if (document.layers) 

{

document.captureEvents(Event.MOUSEDOWN)

}

document.onmousedown = click

document.oncontextmenu = new Function("return false")

function click(e) 

{

  e = e || event

  if (e.button == 2) 

{

    var tag = e.srcElement || e.target

   if (tag.type == "text" || tag.type == "textarea") 

    {

        document.oncontextmenu = new Function("return true")

     }

      else 

      {

      document.oncontextmenu = new Function("return false")

      }

  }

}