遮蔽iframe子頁面F12按鍵

admin發表於2019-05-15

在實際應用中可能要遮蔽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,然後對其進行相應的禁用操作。

關鍵是明白其中的原理,然後可以任何擴充套件禁用的案件,非常的簡單,不多介紹。

相關文章