前端:屏蔽F12审查元素,禁止修改页面代码
生活随笔
收集整理的这篇文章主要介绍了
前端:屏蔽F12审查元素,禁止修改页面代码
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
一、屏蔽F12 审查元素
document.onkeydown = function(){if(window.event && window.event.keyCode == 123) {alert("F12被禁用");event.keyCode=0;event.returnValue=false; } if(window.event && window.event.keyCode == 13) {window.event.keyCode = 505; } if(window.event && window.event.keyCode == 8) {alert(str+"\n请使用Del键进行字符的删除操作!");window.event.returnValue=false; }}除了屏蔽这个,我们还有其他有趣的设置:
二、屏蔽右键菜单
document.oncontextmenu = function (event){
if(window.event){
event = window.event;
}try{
var the = event.srcElement;
if (!((the.tagName == “INPUT” && the.type.toLowerCase() == “text”) || the.tagName == “TEXTAREA”)){
return false;
}
return true;
}catch (e){
return false;
}
}
三、屏蔽粘贴
document.onpaste = function (event){ if(window.event){ event = window.event; }try{ var the = event.srcElement; if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){ return false; } return true; }catch (e){ return false; } }四、屏蔽复制
document.oncopy = function (event){ if(window.event){ event = window.event; }try{ var the = event.srcElement; if(!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){ return false; } return true; }catch (e){ return false; } }五、屏蔽剪切
document.oncut = function (event){ if(window.event){ event = window.event; }try{ var the = event.srcElement; if(!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){ return false; } return true; }catch (e){ return false; } } 这种很适合小说网站,毕竟版权珍贵,被别人随意copy走内容就不好了 六、屏蔽选中 document.onselectstart = function (event){ if(window.event){ event = window.event; }try{ var the = event.srcElement; if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){ return false; } return true; } catch (e) { return false; } }本文转载于:https://blog.csdn.net/ssh159/article/details/79159091
总结
以上是生活随笔为你收集整理的前端:屏蔽F12审查元素,禁止修改页面代码的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: VScode前端开发常用插件
- 下一篇: 前端代码加密