经常会遇到这样的需求,拦截用户复制、剪切、另存为、禁止鼠标右键的操作等,正所谓道高一尺魔高一丈啊能禁止也能破解
1. 禁止用户选择 达到无法复制的目的
<body onselectstart = "return false" ></body>
或者
document.onselectstart = function(){
return false;
}
或者阻止默认事件
document.onselectstart=function(event){
event.preventDefault();
};
这样子页面的内容就无法被选择,也就无法被复制了。
2. 禁止复制和剪切
<body oncopy = "return false" ></body>
或者
document.oncopy = function(){
return false;
}
3. 禁止鼠标右键
<body oncontextmenu = "return false" ></body>
或者
document.oncontextmenu = function(){
return false;
}
或者
document.onmousedown = function(e){
if ( e.which === 2 ){ // 鼠标滚轮的按下,滚动不触发
return false;
}
if( e.which === 3 ){// 鼠标右键
return false;
}
}
或者
document.oncontextmenu=function(event){
event.preventDefault();
}
4. 破解方法
破解方案一: 以谷歌为例,打开调试器F12 或者右键检查元素。在console.log 控制台
输入下边代码
document.oncontextmenu="";
document.onselectstart=true;
破解方案二 有些防止复制都到了丧心病狂的地步
那就去设置禁用javascript,这也是为啥前端没啥安全性的原因了。
打开调试器,---> 右上角三个点(或者找到设置图标),--- > 选择setting
找到下边这个
记得用完之后把他钩去掉,否则其他网页也会受到影响,禁用js不是那么好玩的。