加入收藏 | 设为首页 | 会员中心 | 我要投稿 常州站长网 (https://www.0519zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 建站资源 > 经验 > 正文

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

发布时间:2022-02-14 09:16:14 所属栏目:经验 来源:互联网
导读:这篇文章主要为大家详细介绍了网页禁止鼠标右键禁止全选复制粘贴的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。 网页禁止鼠标右键禁止全选复制粘贴有很多种JS方法实现,错新网也在前面做过类似的介绍。 网页
  这篇文章主要为大家详细介绍了网页禁止鼠标右键禁止全选复制粘贴的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。
    网页禁止鼠标右键禁止全选复制粘贴有很多种JS方法实现,错新网也在前面做过类似的介绍。
 
  网页禁止鼠标右键禁止全选复制粘贴的方法
 
  今天错新网再次提及网页禁止鼠标右键禁止全选复制粘贴的话题,主要是想更细致的给大家分别介绍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>
   禁用键盘中的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端和移动端禁止复制的代码是否可行有什么需要注意的欢迎反馈给我们。

(编辑:常州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读