遮蔽iframe子頁面F12按鍵
在實際應用中可能要遮蔽F12鍵,下面舉一個具有一定意義的例子。
比如不想讓瀏覽者通過F12鍵開啟谷歌開發者工具審查頁面,獲取一些資訊。
我們經常通過iframe引入頁面以對一些模板進行演示,上述功能能夠起到一定的防盜版功能。
直接上程式碼:
[JavaScript] 純文字檢視 複製程式碼window.onload=function(){ document.getElementById('iframe').contentDocument.onkeydown = function(ev){ if(ev.keyCode == 123) { alert("本站禁止此操作"); return false; } } }
程式碼分析如下:
(1).window.onload事件很重要,否則有可能在子頁面沒有載入的時候就開始為其註冊事件處理函式。
(2).contentDocument屬性可以獲取iframe子頁面document物件。
(3).F12的按鍵碼值是123,然後對其進行相應的禁用操作。
關鍵是明白其中的原理,然後可以任何擴充套件禁用的案件,非常的簡單,不多介紹。
相關文章
- 禁用iframe子頁面滑鼠右鍵
- JQuery iframe頁面jQuery
- react頁面中遮蔽瀏覽器預設右鍵事件React瀏覽器事件
- Iframe內部頁面高度賦值於其父頁面的Iframe標籤賦值
- IIS 遮蔽Help頁面和SwaggerSwagger
- js-關於iframe:從子頁面給父頁面的控制元件賦值方法JS控制元件賦值
- 啟動按ctrl鍵 遮蔽自動隱藏功能
- iframe父子頁面通訊解決方案
- 移動端頁面鍵盤出現“搜尋”按鍵且實現提交功能
- 怎樣使用iframe重新整理父級頁面?
- JavaScript系列:動態建立iframe並載入頁面JavaScript
- php迴圈讀取txt裡面關鍵詞並按頁數PHP
- IE 相容模式 設定 Meta Compatible 和 Iframe 子頁面的關係模式
- 防止頁面按鈕多次點選
- iframe頁面總是提示需要重新登入怎麼辦
- win10如何遮蔽 win鍵_win10怎麼遮蔽win鍵Win10
- router-view子頁面呼叫父頁面方法更新父頁面引數View
- DM 關鍵字、遮蔽關鍵字
- android 7.1 遮蔽按壓兩次電源鍵(KEYCODE_POWER)開啟相機Android
- Iframe嵌入跨域頁面高度自適應實現詳解跨域
- 為 Charles 新增代理頁面按鈕(Rewrite)
- Bootstrap頁面佈局13 - BS按鈕boot
- 按 F12獲取登陸資料,一鍵登陸巴西衛生部資料庫資料庫
- form表單只單個input框按Enter鍵頁面會自動重新整理ORM
- Win10鍵盤f1到f12取消按fn 膝上型電腦怎麼不用fn按f1Win10
- uniapp頁面中的按鈕使用分享功能APP
- JavaScript子頁面和父頁面相互訪問JavaScript
- 基於Html對父頁面開啟子頁面Dialog()的使用HTML
- 頁面巢狀,介面套娃,除了用iframe,還有其他方式嗎?巢狀
- keycloak~從login-status-iframe頁面總結如何跨域傳值~續跨域
- iframe可以使用父頁面中的資源嗎(如:css、js等)?CSSJS
- 從頁面底部回到頂部+動畫效果 & 翻頁後從按鈕處回到頁面頂部動畫
- log1按鈕介質頁面跳轉
- selenium 搜尋不到頁面最底部的按鈕
- 026.Vue3入門,父頁面給子頁面傳遞資料,在子頁面不能修改,只能改自己的data內容Vue
- 按鍵原理
- 免費,一鍵釋出web頁面Web
- 023.Vue3入門,父頁面給子頁面傳遞資料Vue