国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

如何通過JS屏蔽網(wǎng)頁各種按鍵代碼分享

在網(wǎng)頁開發(fā)中,有時(shí)候需要使用屏蔽功能來限制用戶對(duì)網(wǎng)頁的操作,其中最常見的就是屏蔽查看代碼和右鍵。本文將分享一些常用的JavaScript代碼,幫助你實(shí)現(xiàn)這些屏蔽功能。

示例代碼

<script>
// 屏蔽鼠標(biāo)右鍵、Ctrl+N、Shift+F10、F11、F5刷新、退格鍵
function document.oncontextmenu() {
  event.returnValue = false; // 屏蔽鼠標(biāo)右鍵
}

function window.onhelp() {
  return false; // 屏蔽F1幫助
}

function document.onkeydown() {
  if ((window.event.altKey) && ((window.event.keyCode == 37) || (window.event.keyCode == 39))) {
    // 屏蔽Alt+方向鍵←、Alt+方向鍵→
    alert("不準(zhǔn)你使用ALT+方向鍵前進(jìn)或后退網(wǎng)頁!");
    event.returnValue = false;
  }
  
  if ((event.keyCode == 8) || (event.keyCode == 116) || (event.ctrlKey && event.keyCode == 82)) {
    // 屏蔽退格刪除鍵、F5刷新鍵、Ctrl+R
    event.keyCode = 0;
    event.returnValue = false;
  }
  
  if (event.keyCode == 122) {
    event.keyCode = 0;
    event.returnValue = false; // 屏蔽F11
  }
  
  if (event.ctrlKey && event.keyCode == 78) {
    event.returnValue = false; // 屏蔽Ctrl+n
  }
  
  if (event.shiftKey && event.keyCode == 121) {
    event.returnValue = false; // 屏蔽shift+F10
  }
  
  if (window.event.srcElement.tagName == "A" && window.event.shiftKey) {
    window.event.returnValue = false; // 屏蔽shift加鼠標(biāo)左鍵新開一網(wǎng)頁
  }
  
  if ((window.event.altKey) && (window.event.keyCode == 115)) {
    // 屏蔽Alt+F4
    window.showModelessDialog("about:blank", "", "dialogWidth:1px;dialogheight:1px");
    return false;
  }
  
  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請(qǐng)使用Del鍵進(jìn)行字符的刪除操作!");
    window.event.returnValue = false;
  }
}
</script>

通過上述JavaScript代碼,你可以根據(jù)需要自定義屏蔽按鍵的功能。其中包括屏蔽鼠標(biāo)右鍵、Ctrl+N、Shift+F10、F11、F5刷新、退格鍵等操作,以及一些特殊按鍵的屏蔽。

請(qǐng)注意,在使用屏蔽功能時(shí),需要權(quán)衡用戶體驗(yàn)和安全性。因?yàn)檫^度的屏蔽可能會(huì)給用戶帶來困擾,同時(shí)某些屏蔽功能也可能被用戶視為破壞其正常瀏覽網(wǎng)頁的行為。

通過合理運(yùn)用JavaScript屏蔽代碼,可以提供更好的用戶體驗(yàn)并保護(hù)網(wǎng)頁內(nèi)容的安全性。如果你希望在自己的網(wǎng)頁中實(shí)現(xiàn)特定的屏蔽功能,可以根據(jù)上述代碼進(jìn)行相應(yīng)的修改和調(diào)整。

關(guān)鍵詞:JS屏蔽網(wǎng)頁按鍵代碼、網(wǎng)頁屏蔽功能、常用屏蔽代碼文章來源地址http://www.zghlxwxcb.cn/article/542.html


到此這篇關(guān)于如何通過JS屏蔽網(wǎng)頁各種按鍵代碼分享的文章就介紹到這了,更多相關(guān)內(nèi)容可以在右上角搜索或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

原文地址:http://www.zghlxwxcb.cn/article/542.html

如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)聯(lián)系站長進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 【JavaScript】JS實(shí)用案例分享:動(dòng)態(tài)生成分頁組件 | 通過按鍵實(shí)現(xiàn)移動(dòng)控制

    【JavaScript】JS實(shí)用案例分享:動(dòng)態(tài)生成分頁組件 | 通過按鍵實(shí)現(xiàn)移動(dòng)控制

    CSDN話題挑戰(zhàn)賽第2期 參賽話題:學(xué)習(xí)筆記 ??? NodeJS專欄:Node.js從入門到精通 ??? 博主的前端之路( 源創(chuàng)征文一等獎(jiǎng)作品 ):前端之行,任重道遠(yuǎn)(來自大三學(xué)長的萬字自述) ??? TypeScript知識(shí)總結(jié):TypeScript從入門到精通(十萬字超詳細(xì)知識(shí)點(diǎn)總結(jié)) ????? 個(gè)人簡介

    2023年04月21日
    瀏覽(30)
  • 物聯(lián)網(wǎng)|按鍵實(shí)驗(yàn)---學(xué)習(xí)I/O的輸入及中斷的編程|函數(shù)說明的格式|如何使用CMSIS的延時(shí)|讀取通過外部中斷實(shí)現(xiàn)按鍵捕獲代碼的實(shí)現(xiàn)及分析-學(xué)習(xí)筆記(14)

    物聯(lián)網(wǎng)|按鍵實(shí)驗(yàn)---學(xué)習(xí)I/O的輸入及中斷的編程|函數(shù)說明的格式|如何使用CMSIS的延時(shí)|讀取通過外部中斷實(shí)現(xiàn)按鍵捕獲代碼的實(shí)現(xiàn)及分析-學(xué)習(xí)筆記(14)

    1 代碼的流程分析 2 代碼的實(shí)現(xiàn) 庫函數(shù)HAL_Init(void)分析: HAL_Delay()系統(tǒng)延時(shí)的步驟: 它的實(shí)現(xiàn)步驟如下: 1.用變量獲得系統(tǒng)時(shí)鐘源計(jì)數(shù)器的值 2.獲得要延遲時(shí)間的參數(shù)值 3.比較兩者大小,若時(shí)鐘計(jì)數(shù)器的值大于要實(shí)現(xiàn)延遲的值,就會(huì)困在循環(huán)里;反之,跳出循環(huán),延時(shí)完成。

    2024年02月14日
    瀏覽(24)
  • Win10 屏蔽鍵盤按鍵

    Win10 屏蔽鍵盤按鍵

    有時(shí)候鍵盤進(jìn)水了導(dǎo)致某個(gè)按鍵一直觸發(fā),但是其他的按鍵又能用不想換鍵盤,我的鍵盤非關(guān)鍵按鍵進(jìn)水,屏蔽后繼續(xù)用了好幾年。 或者經(jīng)常誤觸某個(gè)按鍵,非常影響體驗(yàn),那么我們可以單獨(dú)來屏蔽這幾個(gè)按鍵,讓它永不觸發(fā)。 教程支持Win11、Win10 創(chuàng)建注冊(cè)表 Win+R 快捷鍵輸

    2024年02月09日
    瀏覽(24)
  • Win10 屏蔽、禁用鍵盤按鍵

    Win10 屏蔽、禁用鍵盤按鍵

    有時(shí)候鍵盤進(jìn)水了導(dǎo)致某個(gè)按鍵一直觸發(fā),但是其他的按鍵又能用不想換鍵盤,我的鍵盤非關(guān)鍵按鍵進(jìn)水,屏蔽后繼續(xù)用了好幾年。 或者經(jīng)常誤觸某個(gè)按鍵,非常影響體驗(yàn),那么我們可以單獨(dú)來屏蔽這幾個(gè)按鍵,讓它永不觸發(fā)。 教程支持Win11、Win10 創(chuàng)建注冊(cè)表 Win+R 快捷鍵輸

    2024年02月03日
    瀏覽(26)
  • 按鍵精靈  屏蔽小精靈界面 改進(jìn)實(shí)現(xiàn)

    按鍵精靈 屏蔽小精靈界面 改進(jìn)實(shí)現(xiàn)

    最近沉迷于按鍵精靈這種簡單的,功能少,又不需要太多考慮類型的語言,來釋放雙手 在論壇搜索遇到的問題,瀏覽帖子的時(shí)候,發(fā)現(xiàn)了一個(gè)功能,“屏蔽小精靈界面” 原帖連接: 輕松屏蔽小精靈界面,實(shí)現(xiàn)自定義界面 _ 綜合討論 - 按鍵精靈論壇 (anjian.com) 我就照著在我寫

    2024年02月14日
    瀏覽(130)
  • Arduino通過兩個(gè)按鍵開關(guān)控制舵機(jī)轉(zhuǎn)動(dòng)(含代碼)

    兩個(gè)開關(guān)控制舵機(jī)轉(zhuǎn)動(dòng) 在 Arduino 上控制舵機(jī)需要使用到一個(gè) Servo 庫,可以通過該庫來輕松實(shí)現(xiàn)對(duì)舵機(jī)的控制。下面是兩個(gè)開關(guān)通過 Arduino 控制舵機(jī)的步驟: 1.連接硬件:將舵機(jī)的 VCC 引腳連接到 Arduino 板子的 5V 引腳,GND 引腳連接到 GND 引腳。將舵機(jī)的控制引腳(通常是橙色

    2024年02月12日
    瀏覽(25)
  • 分享一款嵌入式開源按鍵框架代碼工程MultiButton

    分享一款嵌入式開源按鍵框架代碼工程MultiButton

    MultiButton 是一個(gè)小巧簡單易用的事件驅(qū)動(dòng)型按鍵驅(qū)動(dòng)模塊。 Github地址:https://github.com/0x1abin/MultiButton 這個(gè)項(xiàng)目非常精簡,只有兩個(gè)文件: (1)可無限擴(kuò)展按鍵; (2)按鍵事件的回調(diào)異步處理方式可以簡化程序結(jié)構(gòu),去除冗余的按鍵處理硬編碼,讓按鍵業(yè)務(wù)邏輯更清晰。 通

    2024年04月15日
    瀏覽(29)
  • 如何用JS實(shí)現(xiàn)網(wǎng)頁上通過鼠標(biāo)移動(dòng)批量選擇元素?

    如何用JS實(shí)現(xiàn)網(wǎng)頁上通過鼠標(biāo)移動(dòng)批量選擇元素?

    簡單說就是類似電腦桌面,通過鼠標(biāo)選擇多個(gè)圖標(biāo)的那種效果。如下: 原文:如何用JS實(shí)現(xiàn)網(wǎng)頁上通過鼠標(biāo)移動(dòng)批量選擇元素?-JS筆記-友人a的筆記丶 監(jiān)測外部容器的mousedown、mousemove、mouseup事件來進(jìn)行選擇判斷,大致dom結(jié)構(gòu)如下: 大致實(shí)現(xiàn)過程: 鼠標(biāo)按下,將選擇框的位

    2024年02月09日
    瀏覽(23)
  • 內(nèi)網(wǎng)穿透實(shí)戰(zhàn)應(yīng)用——【通過cpolar分享本地電腦上有趣的照片:發(fā)布piwigo網(wǎng)頁】

    內(nèi)網(wǎng)穿透實(shí)戰(zhàn)應(yīng)用——【通過cpolar分享本地電腦上有趣的照片:發(fā)布piwigo網(wǎng)頁】

    首先在本地電腦上部署一個(gè)piwigo網(wǎng)站,然后我們就要轉(zhuǎn)入cpolar的設(shè)置,使用cpolar建立起一條內(nèi)網(wǎng)穿透數(shù)據(jù)隧道,將本地電腦上的piwigo網(wǎng)站發(fā)布到公共互聯(lián)網(wǎng)上,讓大家能通過這條數(shù)據(jù)隧道,輕松的訪問到位于本地電腦上的piwigo網(wǎng)站?,F(xiàn)在,就讓我們開始吧。 1. 設(shè)定一條內(nèi)網(wǎng)穿

    2024年02月12日
    瀏覽(26)
  • 【精選】各種節(jié)日祝福(C語言,可修改),Easyx圖形庫應(yīng)用+源代碼分享

    【精選】各種節(jié)日祝福(C語言,可修改),Easyx圖形庫應(yīng)用+源代碼分享

    博主:命運(yùn)之光?? 專欄:Easyx圖形庫應(yīng)用?? 目錄 ?一、程序展示 ?范例一:?新年祝福? 范例二:?母親節(jié)祝福? ?二、項(xiàng)目環(huán)境 簡單介紹一下easyx圖形庫應(yīng)用 Easyx圖形庫 ?三、運(yùn)行效果展示(視頻) ?四、程序源代碼分享 ??文字可以自由輸入(●\\\'?\\\'●)?? ??輸入格

    2024年02月05日
    瀏覽(23)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包