基于JS實現(xiàn)禁止查看源碼及獲取鍵盤的按鍵值
更新時間：2023年02月06日 16:09:41 作者：前端-文龍剛
這篇文章主要介紹了基于JS實現(xiàn)禁止查看源碼及獲取鍵盤的按鍵值,本文結(jié)合實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
JS實現(xiàn)禁止查看源碼及獲取鍵盤的按鍵值
場景：在某些場合，我們不愿意讓用戶看到我們的源代碼，或者想獲取鍵盤上的某個鍵值，設(shè)置如下
獲取鍵盤的值
第一種：
document.onkeydown=function(){
var e=window.event||arguments[0];
alert(e.keyCode)
};
第二種：
document.onkeydown=function(e){
alert(e.keyCode)
}
這是按了F5，彈出對應(yīng)的按鍵值
禁止查看源碼
document.onkeydown=function(e){
if(e.keyCode==123){
alert("按了F12頁不給你看");
return false;
}else if((e.ctrlKey)&&(e.keyCode==85)){
alert("按了Ctrl+U頁不給你看");
return false;
}
};
document.oncontextmenu=function(){
alert("按了右鍵也不給你看");
return false;
}
補(bǔ)充：JS禁止查看網(wǎng)頁源代碼的實現(xiàn)方法
先給大家分享下三種查看路徑的方法：
1、直接按F12
2、Ctrl+Shift+I查看
3、鼠標(biāo)點擊右鍵查看
把以上三種狀態(tài)都屏蔽掉就可以了，document有onkeydown(鍵盤按鍵事件)，該事件里面找到對應(yīng)的keycode并處理就可以，document也有oncontextmenu鼠標(biāo)右鍵事件，屏蔽即可。
JS擼碼如下：
window.onload=function(){
document.onkeydown=function(){
var e=window.event||arguments[0];
if(e.keyCode==123){
alert("小樣你想干嘛？");
return false;
}else if((e.ctrlKey)&&(e.shiftKey)&&(e.keyCode==73)){
alert("還是不給你看。。");
return false;
}
};
document.oncontextmenu=function(){
alert("小樣不給你看");
return false;
}
}到此這篇關(guān)于基于JS實現(xiàn)禁止查看源碼及獲取鍵盤的按鍵值的文章就介紹到這了,更多相關(guān)js禁止查看源碼及獲取鍵盤的按鍵值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript中setInterval的用法總結(jié)
這篇文章主要是對JavaScript中setInterval的用法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
微信小程序--onShareAppMessage分享參數(shù)用處(頁面分享)
本篇文章主要介紹了微信小程序的頁面分享onShareAppMessage分享參數(shù)用處的相關(guān)資料。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
這篇文章主要介紹了JS+CSS相對定位實現(xiàn)的下拉菜單,涉及JavaScript結(jié)合css的定位技術(shù)實現(xiàn)下拉菜單的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
由于剛畢業(yè)的窮大學(xué)生，和朋友合租了一臺服務(wù)器開了多個端口提供 ss 服務(wù)，懶得配置 ss-panel，就使用了 ss-bash 來監(jiān)控不同端口的流量，但每次都要等上服務(wù)器才能看到流量使用情況，很麻煩，于是就寫了個簡單的頁面來提供 WEB 訪問，具體內(nèi)容一起通過本文學(xué)習(xí)吧2017-03-03
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)上傳照片預(yù)覽的方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)單英文金山打字通，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章主要為大家詳細(xì)介紹了javascript Canvas動態(tài)粒子連線，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章主要給大家介紹了關(guān)于javascript中如何判斷類型的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用javascript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
試想一下：出現(xiàn)了某個bug，有人用幾分鐘就搞定了，有人用了半天或者一天都找不到原因所在。你愿意當(dāng)前者還是后者呢？想當(dāng)前者的就請好好看完本篇文章吧。文中涉及較多Gif演示動畫請注意。2016-07-07
easyui tree帶checkbox實現(xiàn)單選的簡單實例
下面小編就為大家?guī)硪黄猠asyui tree帶checkbox實現(xiàn)單選的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11