主页 > 教程合集 > Html/css >

禁止复制网页内容的方法(含PC端和移动端)

时间:2019-03-02 阅读:0

在网页的Html中,如果想实现禁止鼠标右键、禁止全选、复制、粘贴,可以考虑JS来实现,方式有很多种。

禁止复制网页内容的方法(含PC端和移动端)

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>
</noscript>
 

禁止网页内容复制.粘贴:在<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;
      }
          });
 

本站所有资源均在Resource资源站有售,你可以点击》》Resource《《进入资源站自助购买,也可以扫描以下店铺二维码直接选购,自动极速发货

余斗微信二维码

扫描微信加好友咨询
了解更多

余斗淘宝店铺二维码

淘宝扫描二维码购买
自动发货

余斗余斗
  • 版权声明:原创文章由发表在Html/css分类下,2019-03-02最后更新,转载注明出处。

相关推荐

返回顶部