兴化绿庭网络技术服务网,以"创意为先"的服务理念,为企业网站设计和整体策划与开发,提供全方位的解决方案。

咨询热线:15052348897
微信号
新闻中心News
兴化绿庭网络技术服务网

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

作者:admin | 点击: | 来源:技术论坛
2312
2019
这篇文章主要为大家详细介绍了网页禁止鼠标右键禁止全选复制粘贴的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。 网页禁止鼠...
这篇文章主要为大家详细介绍了网页禁止鼠标右键禁止全选复制粘贴的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

网页禁止鼠标右键禁止全选复制粘贴有很多种JS方法实现,兴化绿庭网络技术服务网也在前面做过类似的介绍。

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

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

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

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

1
2
3
4
5
6
7
document.oncontextmenu = function(){
        event.returnValue = false;
}
// 或者直接返回整个事件
document.oncontextmenu = function(){
        return false;
}

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

1
2
3
4
5
6
7
document.onselectstart = function(){
        event.returnValue = false;
}
// 或者直接返回整个事件
document.onselectstart = function(){
        return false;
}

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

1
2
3
4
5
6
7
document.oncopy = function(){
        event.returnValue = false;
}
// 或者直接返回整个事件
document.oncopy = function(){
        return false;
}

以上三种事件,如果只想单纯的禁用鼠标右键,和复制粘贴,还可以将它们直接写到HTML中的body上面:

1
2
3
<body oncontextmenu = "return false" ></body>
<body onselectstart = "return false" ></body>
<body oncopy = "return false" ></body>

禁用鼠标事件,js代码:

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

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

1
2
3
4
5
6
7
8
9
10
11
document.onkeydown = function(){
        if( event.ctrlKey ){
                return false;
        }
        if ( event.altKey ){
                return false;
        }
        if ( event.shiftKey ){
                return false;
        }
}

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

1
2
3
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>后面加入以下代码:

1
2
3
4
<noscript>
<iframe src="*.htm"></iframe>
<
script>

禁止网页内容复制、粘贴

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

1
2
3
<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中加入代码就可以了:

1
2
3
4
5
6
7
8
*{
      -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的权限:

1
2
3
input {
          -webkit-user-select:auto/*webkit浏览器*/
}

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

1
2
3
4
5
6
mWebView.setOnLongClickListener(new OnLongClickListener() {
    @Override
    public boolean onLongClick(View v) {
    return true;
      }
          });

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

我要咨询做网站
设计案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 83150021
    runzht@163.com
Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧

建站咨询向兴化绿庭网络技术服务网提交网站设计要约!
拥有自己的网站,别在等待,立即行动!
下单送礼感恩七周年,新老用户下单即送创业型空间+域名等大礼
建站咨询热线15052348897
合作意向表
您需要的服务
您最关注的地方
预算
  • 看不清?点击更换

直接咨询