网页右键如何禁止,HTML右键使用代码
众所周知,要保护一个页面,最基础的就是要屏蔽右键。而现在网页上用得最多的是function click(),即下面这段代码:
<script> function click(){ if(event.button==2){ alert( '本网站欢迎您 !!'); } } document.onmousedown=click </script>
但是这种屏蔽方法的破解方法也是众所周知的。那就是连续单击鼠标左键和右键便又可以看到右键菜单了。但是,我见过一种很好的屏蔽右键的方法。它的原理和上面所说的不同。它并不是用JS来编写的脚本,而是利用定义网页属性来起到限制的作用。而且,在屏蔽中应该尽量的避开使用JS脚本。因为只要浏览者把IE里的javascript脚本禁用了。那么一切屏蔽都白费。
那么继续说那种通过修改网页属性的屏蔽右键的方法。这种方法利用了HTML里的〈body〉来作修改,它只有以下短短的一行代码:
<body oncontextmenu=self.event.returnValue=false>
这里,定义了oncontextmenu。使得右键的值为false,起到了屏蔽右键的效果。现在,再试试看刚才的破解方法,已经不行了。左右键连击已经不能再打开右键菜单。不但是这个,再试试看其他的方法。无论你怎样的乱点,右键都没有用。因为在这个网页里,右键已经不存在了。对于一个不存在的功能键,你又能做什么呢?
但是,屏蔽了右键还不能解决问题。如果我要复制一段文字,或是一张图片。那么,把它选中后用ctrl+C 再用 ctrl+V不就可以复制粘贴了嘛。对了,接下来要讲的,就是屏蔽左键(什么?屏蔽左键?那这个网页不就差不多废掉了?别急,没说完呢,左键只有一项功能是很讨厌的)的选定功能。
那么,如上所说,用JS来屏蔽是没有用的,治标不治本的。那么,我们就还用网页的最基础的语言:HTML来定义吧。还是老招数,定义〈body〉。这次用的参数是:onselectstart。就是左键选定的参数。代码如下:
<body onselectstart="return false">
这样,左键选定功能就给轻易屏蔽了。原理和上面的一样。现在,再用你的左键选择任意内容把,已经没有用了。自然也不能ctrl + C,ctrl +V了。那么,现在我们来把这两部分合并起来。彻底控制左右键!:
<body oncontextmenu=self.event.returnValue=false onselectstart="return false">
现在,左右键的问题总算是解决了吧。
现在总结一下,网页右键禁止使用代码基本如下:
1、oncontextmenu事件禁用右键菜单
document.oncontextmenu = function(){ event.returnValue = false; }// 或者直接返回整个事件 document.oncontextmenu = function(){ return false; }
2、onselectstart事件禁用网页上选取的内容
document.onselectstart = function(){ event.returnValue = false; }// 或者直接返回整个事件 document.onselectstart = function(){ return false; }
3、oncopy事件禁用复制
document.oncopy = function(){ event.returnValue = false; }// 或者直接返回整个事件 document.oncopy = function(){ return false; }
以上三种事件,如果只想单纯的禁用鼠标右键,和复制粘贴,还可以将它们直接写到HTML中的body上面;
<body oncontextmenu = "return false" ></body> <body onselectstart = "return false" ></body> <body oncopy = "return false" ></body>
以上就是关于网页右键禁止代码的一些介绍,希望能够帮助到大家。
评论