js如何在页面禁止右击

JavaScript011

js如何在页面禁止右击,第1张

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

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

实现代码如下:

<html oncontextmenu="doNothing()">

<head>

<title>屏蔽掉鼠标右键</title>

<script type="text/javascript">

function doNothing(){

window.event.returnValue=false

return false

}

</script>

</head>

<body oncontextmenu="doNothing()">

<div style="width:30pxheight:30pxbackground-color:#12aded"></div>

</body>

</html>

1、开浏览器,随便打开一个网页,如百度首页。

2、按F12快捷键后,在网页的右面或者下面会出现如图所示的调试窗口。

3、浏览器自带的console控制台有提示的功能。

4、第一个我们要做的是在控制台打印“helloworld”程序。

5、但是当我们想连续输出两行打印语句发现在控制台里按住回车键以后是直接解释执行,根本无法连续编写两行代码。

6、当我们想换行的时候,按住shift键以后,再按回车,即可出现上图的效果。