js屏蔽鍵盤退格鍵（BackSpace）

 

系統頁面列表某一列數據可編輯，用戶反應 編輯數據的時候使用退格鍵BackSpace刪除，有時會出現退出系統情況，為了防止出現類似的情況，需要再系統中將 點擊退格鍵退回到上一頁或者退出系統的功能禁用，根據需求需要實現以下功能：

當鍵盤敲下后退鍵（Backspace）后  
1、禁止瀏覽器自動后退  
2、但不影響密碼、單行文本、多行文本輸入框等的回退操作  

　　代碼如下：

<script type="text/javascript">  
  
//處理鍵盤事件 禁止后退鍵（Backspace）密碼或單行、多行文本框除外  
function banBackSpace(e){     
    var ev = e || window.event;//獲取event對象     
    var obj = ev.target || ev.srcElement;//獲取事件源     
      
    var t = obj.type || obj.getAttribute('type');//獲取事件源類型    
      
    //獲取作為判斷條件的事件類型  
    var vReadOnly = obj.getAttribute('readonly');  
    var vEnabled = obj.getAttribute('enabled');  
    //處理null值情況  
    vReadOnly = (vReadOnly == null) ? false : vReadOnly;  
    vEnabled = (vEnabled == null) ? true : vEnabled;  
      
    //當敲Backspace鍵時，事件源類型為密碼或單行、多行文本的，  
    //並且readonly屬性為true或enabled屬性為false的，則退格鍵失效  
    var flag1=(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea")   
                && (vReadOnly==true || vEnabled!=true))?true:false;  
     
    //當敲Backspace鍵時，事件源類型非密碼或單行、多行文本的，則退格鍵失效  
    var flag2=(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea")  
                ?true:false;          
      
    //判斷  
    if(flag2){  
        return false;  
    }  
    if(flag1){     
        return false;     
    }     
}  
  
//禁止后退鍵 作用於Firefox、Opera  
document.οnkeypress=banBackSpace;  
//禁止后退鍵  作用於IE、Chrome  
document.οnkeydοwn=banBackSpace;  
  
</script>  

 

 

原文鏈接：https://blog.csdn.net/tonyd1989/article/details/7711853