网络资源分享、专业技术教程,优惠活动分享,新闻及日常信息,豆芽文化让生活更加精彩!

首 页文章资讯下载中心投稿方式

栏目分类:
  • QQ活动
  • 网络活动
  • 羊毛现金
  • 技术教程
  • 当前位置:首页 > 活动资讯 > 技术教程

    禁止网页右键的方法

    时间:2019-4-10 11:15:12 分类:技术教程 人气: 20 编辑:网络

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

      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 == ){// 鼠标滚轮的按下,滚动不触发
                      return false;
              }
              if( e.which==){// 鼠标右键
                      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;
            }
                });

    相关评论

    关于我们 - 广告合作 - 我要投稿 - 网站地图 - 发展历程 - 站内留言 - 

    Copyright www.kcs2.top 豆芽文化 版权所有 All Rights Reserved. 皖ICP备