网站HTML,JS禁止鼠标右键、禁止全选、复制、粘贴的方法

2019年7月10日16:00:24 2 2,156
源码寄售

很多时候,网站的内容辛苦写法被轻松复制,为了不让自己的劳动成果外流,可以利用禁止鼠标右键等方式保护自己的原创内容!这个看似不错,爱游个人感觉不太好,首先并不能真的禁止别人复制或者是采集你的网站和内容。其次这种体验不太好,但是有时候出于其他目的需要复制网页上的文字,查看图片链接等等原因也不方便操作这个很不好使。

虽然爱游不喜欢这种方法但是还是分享下如何HTML,JS禁止鼠标右键、禁止全选、复制、粘贴。

禁止鼠标右键、禁止全选、复制、粘贴;

JS代码

1.oncontextmenu事件禁用右键菜单;

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

2.onselectstart事件禁用网页上选取的内容;

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

3.oncopy事件禁用复制;

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>

禁用鼠标事件

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

禁用键盘中的ctrl、alt、shift

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()"

1.禁止网页另存为:在<body>后面加入以下代码:

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

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

以上就是如何在HTML,JS禁止鼠标右键、禁止全选、复制、粘贴的方法

既然有禁止那么就会有解除方法,这里爱游也一次性分享下。

把以下代码保存在书签里面,需要解除限制的时候点击一下你就会发现可以复制粘贴

javascript:(function() { function R(a){ona = "on"+a; if(window.addEventListener) window.addEventListener(a, function (e) { for(var n=e.originalTarget; n; n=n.parentNode) n[ona]=null; }, true); window[ona]=null; document[ona]=null; if(document.body) document.body[ona]=null; } R("contextmenu"); R("click"); R("mousedown"); R("mouseup"); R("selectstart");})()
  • “爱游博客”微信公众号
  • 关注微信公众号,分享前沿资讯!
  • weinxin
  • “爱游博客”微信小程序
  • 微信扫一扫,资讯唾手可得!
  • weinxin
阿里云首次购买高性能云服务器,享低至2折优惠

发表评论

您必须才能发表评论!

目前评论:2   其中:访客  2   博主  0

    • boke112导航 boke112导航 1

      这个可以起到一定的防被抄袭的作用,值得拥有

      • 子午物联网 子午物联网 1

        这个还是很适用!