天天看點

【轉】網頁禁止後退鍵BackSpace的JavaScript實作(相容IE、Chrome、Firefox、Opera)

1 var forbidBackSpace = function (e) {
 2     // 擷取event對象
 3     var ev = e || window.event;
 4     // 擷取事件源
 5     var obj = ev.target || ev.srcElement;
 6     // 擷取事件源類型
 7     var t = obj.type || obj.getAttribute('type');
 8     // 擷取作為判斷條件的事件類型
 9     var vReadOnly = obj.readOnly;
10     var vDisabled = obj.disabled;
11     // 處理undefined值情況 
12     vReadOnly = (vReadOnly == undefined) ? false : vReadOnly;
13     vDisabled = (vDisabled == undefined) ? true : vDisabled;
14     // 當敲Backspace鍵時,事件源類型為密碼或單行、多行文本的, 
15     // 并且readOnly屬性為true或disabled屬性為true的,則倒退鍵失效 
16     var flag1 = ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea") && (vReadOnly == true || vDisabled == true);
17     // 當敲Backspace鍵時,事件源類型非密碼或單行、多行文本的,則倒退鍵失效 
18     var flag2 = ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea";
19     // 判斷 
20     if (flag1 || flag2) { return false; }
21 }
22 
23 // 禁止後退鍵 作用于Firefox、Opera
24 document.onkeypress = forbidBackSpace;
25 // 禁止後退鍵  作用于IE、Chrome
26 document.onkeydown = forbidBackSpace;