介绍三种禁止鼠标右键代码

介绍三种禁止鼠标右键代码,第1张

由于不同网站的要求,我们会用到禁止鼠标右键的代码,为了防止别人直接复制粘贴网站的内容或者文档,所以我们就为大家介绍三种禁止鼠标右键的代码,一起来看看吧

介绍三种禁止鼠标右键代码,第2张



第一种:直接让右键失效
 
在body标签中添加以下代码即可
 
oncontextmenu=self.event.returnValue=false
 
完整代码如下:
 
<body oncontextmenu=self.event.returnValue=false>

介绍三种禁止鼠标右键代码,第3张



第二种:让鼠标右键失效,但同时不能用鼠标选取页面上的内容
 
跟上面第一种差不多,同时“编辑->全选”也没有作用。
 
代码如下:
 
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy=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;}
DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » 介绍三种禁止鼠标右键代码

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情