欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

361模板网

当前位置:361模板网 > 技术文档 > 程序代码 > 网页禁止鼠标右键禁止全选复制粘贴的方法
这篇文章主要为大家详细介绍了网页禁止鼠标右键禁止全选复制粘贴的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

  网页禁止鼠标右键禁止全选复制粘贴有很多种JS方法实现,织梦361也在前面做过类似的介绍。

网页禁止鼠标右键禁止全选复制粘贴的方法

今天织梦361再次提及网页禁止鼠标右键禁止全选复制粘贴的话题,主要是想更细致的给大家分别介绍PC端的如何实现禁止复制网页内容的方法以及WAP端如何复制网页内容。

第一部分、PC端禁止复制网页内容

 oncontextmenu事件禁用右键菜单,js代码:

document.oncontextmenu = function(){
        event.returnValue = false;
}
// 或者直接返回整个事件
document.oncontextmenu = function(){
        return false;
}

onselectstart事件禁用网页上选取的内容,js代码:

document.onselectstart = function(){
        event.returnValue = false;
}
// 或者直接返回整个事件
document.onselectstart = function(){
        return false;
}

oncopy事件禁用复制,js代码:

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>

禁用鼠标事件,js代码:

document.onmousedown = function(e){
        if ( e.which == 2 ){// 鼠标滚轮的按下,滚动不触发
                return false;
        }
        if( e.which==3 ){// 鼠标右键
                return false;
        }
}

禁用键盘中的ctrl、alt、shift,js代码:

document.onkeydown = function(){
        if( event.ctrlKey ){
                return false;
        }
        if ( event.altKey ){
                return false;
        }
        if ( event.shiftKey ){
                return false;
        }
}

有一个更简单的方法就是在<body>中加入如下的代码,这样鼠标的左右键都失效了:

topmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart="return false"
 onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"
  onmouseup="document.selection.empty()"

想要禁止网页另存为

在<body>后面加入以下代码:

<noscript>
<iframe src="*.htm"></iframe>
<
script>

禁止网页内容复制、粘贴

在<body>中加入以下代码: 

<body onmousemove="HideMenu()" oncontextmenu="return false" ondragstart="return false" 
onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" 
onbeforecopy="return false" onmouseup="document.selection.empty()">

第二部分、移动端禁止复制网页内容

web端,只需在css中加入代码就可以了:

*{
      -webkit-touch-callout:none; /*系统默认菜单被禁用*/
      -webkit-user-select:none; /*webkit浏览器*/
      -khtml-user-select:none; /*早期浏览器*/
      -moz-user-select:none;/*火狐*/
      -ms-user-select:none; /*IE10*/
      user-select:none;
      }

以上代码也包括了禁止了input的输入,所以要单加一段代码开放input的权限:

input {
          -webkit-user-select:auto; /*webkit浏览器*/
}

另附上一个app h5长安拷贝的解决方法(没有验证过,仅供参考),屏蔽掉长按事件 因为webview长按时将会调用系统的复制控件:

mWebView.setOnLongClickListener(new OnLongClickListener() {
    @Override
    public boolean onLongClick(View v) {
    return true;
      }
          });

有兴趣的童鞋可以分别去尝试看下PC端和移动端禁止复制的代码是否可行有什么需要注意的欢迎反馈给我们。

以上就是网页禁止鼠标右键禁止全选复制粘贴的方法的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: 鼠标右键 禁止复制

上一篇纯css3实现音频音阶波浪loading加载动画效果

下一篇JS页面随机弹窗代码 随机弹窗加随机不弹

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在