基于JS實(shí)現(xiàn)禁止查看源碼及獲取鍵盤(pán)的按鍵值
JS實(shí)現(xiàn)禁止查看源碼及獲取鍵盤(pán)的按鍵值
場(chǎng)景:在某些場(chǎng)合,我們不愿意讓用戶(hù)看到我們的源代碼,或者想獲取鍵盤(pán)上的某個(gè)鍵值,設(shè)置如下
獲取鍵盤(pán)的值
第一種: document.onkeydown=function(){ var e=window.event||arguments[0]; alert(e.keyCode) }; 第二種: document.onkeydown=function(e){ alert(e.keyCode) }
這是按了F5,彈出對(duì)應(yīng)的按鍵值
禁止查看源碼
document.onkeydown=function(e){ if(e.keyCode==123){ alert("按了F12頁(yè)不給你看"); return false; }else if((e.ctrlKey)&&(e.keyCode==85)){ alert("按了Ctrl+U頁(yè)不給你看"); return false; } }; document.oncontextmenu=function(){ alert("按了右鍵也不給你看"); return false; }
補(bǔ)充:JS禁止查看網(wǎng)頁(yè)源代碼的實(shí)現(xiàn)方法
先給大家分享下三種查看路徑的方法:
1、直接按F12
2、Ctrl+Shift+I查看
3、鼠標(biāo)點(diǎn)擊右鍵查看
把以上三種狀態(tài)都屏蔽掉就可以了,document有onkeydown(鍵盤(pán)按鍵事件),該事件里面找到對(duì)應(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實(shí)現(xiàn)禁止查看源碼及獲取鍵盤(pán)的按鍵值的文章就介紹到這了,更多相關(guān)js禁止查看源碼及獲取鍵盤(pán)的按鍵值內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Next.js應(yīng)用轉(zhuǎn)換為T(mén)ypeScript方法demo
這篇文章主要為大家介紹了Next.js應(yīng)用轉(zhuǎn)換為T(mén)ypeScript方法demo,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12livereload工具實(shí)現(xiàn)前端可視化開(kāi)發(fā)【推薦】
本文將介紹一個(gè)工具--livereload。這是一款能根據(jù)你本地文件(html、css、js)的變化,自動(dòng)跟蹤刷新瀏覽器的實(shí)時(shí)刷新工具,有了這個(gè)工具,會(huì)大大減輕你刷新頁(yè)面的工作量。下面跟著小編一起來(lái)看下吧2016-12-12javascript 兼容FF的onmouseenter和onmouseleave的代碼
經(jīng)過(guò)測(cè)試發(fā)現(xiàn),例子1 在 ff下抖動(dòng)的厲害,ie下稍微有點(diǎn)。 具體原因 其實(shí)就是 mouseout 的冒泡機(jī)制 引起的。2008-07-07JavaScript獲取鼠標(biāo)移動(dòng)時(shí)的坐標(biāo)(兼容IE8、chome谷歌、Firefox)
這篇文章主要介紹了JavaScript獲取鼠標(biāo)移動(dòng)時(shí)的坐標(biāo)(兼容IE8、chome谷歌、Firefox瀏覽器),需要的朋友可以參考下2014-09-09JavaScript實(shí)現(xiàn)拖動(dòng)滑塊拼圖驗(yàn)證功能(html5、canvas)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)拖動(dòng)滑塊拼圖驗(yàn)證(html5、canvas),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-03-03原生JS實(shí)現(xiàn)-星級(jí)評(píng)分系統(tǒng)的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇原生JS實(shí)現(xiàn)-星級(jí)評(píng)分系統(tǒng)的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08JS實(shí)現(xiàn)復(fù)制內(nèi)容到剪貼板功能
本文主要介紹了JS實(shí)現(xiàn)復(fù)制內(nèi)容到剪貼板功能的步驟方法,可兼容所有PC瀏覽器,不兼容手機(jī)端。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02