介绍三种禁止鼠标右键代码
由于不同网站的要求,我们会用到禁止鼠标右键的代码,为了防止别人直接复制粘贴网站的内容或者文档,所以我们就为大家介绍三种禁止鼠标右键的代码,一起来看看吧
<body oncontextmenu=self.event.returnValue=false>
第一种:直接让右键失效
在body标签中添加以下代码即可
oncontextmenu=self.event.returnValue=false
完整代码如下:
第二种:让鼠标右键失效,但同时不能用鼠标选取页面上的内容
跟上面第一种差不多,同时“编辑->全选”也没有作用。
代码如下:
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy=document.selection.empty()
onselect=document.selection.empty()>
onselect=document.selection.empty()>
第三种:用CSS和js 禁止鼠标点击事件 加强浏览器兼容效果
其实这么做无非就是尽可能的兼容多个浏览器
CSS代码部分
<style>
.rules{
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
</style>
JS代码部分
<script>
document.body.onselectstart = document.body.ondrag = function(){return false;}
0条评论