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;
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屬性。