js禁止查看源文件屏蔽Ctrl+u/s、F12、右鍵等兼容IE火狐c(diǎn)hrome

更新時(shí)間：2020年10月01日 19:01:09 投稿：mdxy-dxy

最近想給JS特效與模板預(yù)覽頁面加上屏蔽查看源文件，防治整理不易的源碼被輕易拿走，發(fā)現(xiàn)IE、火狐、chrome等各類瀏覽器支持不一樣。下面是腳本之家整理的一些屏蔽總結(jié)

鍵盤事件

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

document.onkeydown=function (event) {
  //檢測(cè)按下哪個(gè)鍵，作相應(yīng)處理
};

event為鍵盤事件，對(duì)于chrome，firefox，IE（Edge），IE10，IE9均能支持function自帶的e，而ie8以下只能識(shí)別windows.event，所以一般兼容寫法為：event=event||window.event。獲取按鍵碼一般是event.keyCode,這個(gè)對(duì)各大瀏覽器都是兼容的。

document.onkeydown=function (event) {
   event=event||window.event;
   var key=event.keyCode;
   //檢測(cè)按下哪個(gè)鍵，作相應(yīng)處理
   if(key==...){
}    
 };

屏蔽瀏覽器默認(rèn)事件的方法大致有三種：
1）event.preventDefault()
2）event.returnValue=false;
3）return false;

firefox的特殊方式支持是指，firefox這里一個(gè)比較坑爹的地方是，firefox需增加一個(gè)延遲才能生效，不然仍然會(huì)跳出瀏覽器的保存當(dāng)前頁面窗口，如下：

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以下對(duì)于event.returnValue=false的特殊方式支持是指鍵盤事件event必須為window.event時(shí)ctrl+s的默認(rèn)事件才能屏蔽，在event=event||window.event的兼容寫法中，IE8及以下的形參event是空，所以會(huì)取值為window.event,而IE10，IE9的function形參event是有效的，所以取值直接為event，因此IE10，IE9在寫法為event=event||window.event時(shí)會(huì)屏蔽ctrl+s失效。

假如要讓所有IE版本能夠屏蔽Ctrl+S，event取值只能是window.event了。由于window.event沒有方法preventDefautl，所以屏蔽默認(rèn)事件方法只能用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;   
        }  
      };

屏蔽鼠標(biāo)右鍵的寫法

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

如果當(dāng)前頁面里含有iframe 那么iframe里的右鍵依然可用

屏蔽頁面里iframe里的右鍵寫法

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

web是iframe標(biāo)簽的ID屬性。