前端:屏蔽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前端开发常用插件
- 下一篇: 2017年html5行业报告,云适配发布