1. 程式人生 > 程式設計 >js禁止檢視原始檔遮蔽Ctrl+u/s、F12、右鍵等相容IE火狐chrome

js禁止檢視原始檔遮蔽Ctrl+u/s、F12、右鍵等相容IE火狐chrome

鍵盤事件

一般處理鍵盤按鍵事件我們採用這樣的方式

document.onkeydown=function (event) {
  //檢測按下哪個鍵,作相應處理
};

event為鍵盤事件,對於chrome,firefox,IE(Edge),IE10,IE9均能支援function自帶的e,而ie8以下只能識別windows.event,所以一般相容寫法為:event=event||window.event。獲取按鍵碼一般是event.keyCode,這個對各大瀏覽器都是相容的。

document.onkeydown=function (event) {
   event=event||window.event;
   var key=event.keyCode;
   //檢測按下哪個鍵,作相應處理
   if(key==...){
}    
 };

遮蔽瀏覽器預設事件的方法大致有三種:
1)event.preventDefault()
2)event.returnValue=false;
3)return false;

js禁止檢視原始檔遮蔽Ctrl+u/s、F12、右鍵等相容IE火狐chrome

firefox的特殊方式支援是指,firefox這裡一個比較坑爹的地方是,firefox需增加一個延遲才能生效,不然仍然會跳出瀏覽器的儲存當前頁面視窗,如下:

document.onkeydown=function (event) {
        //判斷按鍵 
         var key=event.keyCode;
        if(key== 83 && e.ctrlKey){
            /*延遲,相容FF瀏覽器 */
            setTimeout(function(){
              alert('ctrl+s');
            },1);
            event.preventDefault();//或者是 return false;  
          }

而IE10,IE9,IE8以下對於event.returnValue=false的特殊方式支援是指鍵盤事件event必須為window.event時ctrl+s的預設事件才能遮蔽,在event=event||window.event的相容寫法中,IE8及以下的形參event是空,所以會取值為window.event,而IE10,IE9的function形參event是有效的,所以取值直接為event,因此IE10,IE9在寫法為event=event||window.event時會遮蔽ctrl+s失效。

假如要讓所有IE版本能夠遮蔽Ctrl+S,event取值只能是window.event了。由於window.event沒有方法preventDefautl,所以遮蔽預設事件方法只能用return false;

相容IE、firefox、chrome,遮蔽Ctrl+s的寫法為

document.onkeydown=function (e) {
       e=window.event||e;
       if(key== 83 && e.ctrlKey){
          /*延遲,相容FF瀏覽器 */
          setTimeout(function(){
           alert('www.qdxw.net');
          },1);
          return false;   
        }  
      };

遮蔽滑鼠右鍵的寫法

window.document.oncontextmenu = function (){
   alert('親,你想幹嘛,不要做壞事哦');
   return false;
 }

如果當前頁面裡含有iframe 那麼iframe裡的右鍵依然可用

遮蔽頁面裡iframe裡的右鍵寫法

document.getElementById('web').onload = function(){
  window.document.getElementById('web').contentWindow.document.oncontextmenu = function(){
    alert('www.qdxw.net');
    return false;
    } 
}

web是iframe標籤的ID屬性。