javascript阻止浏览器后退backspace键 2016-06-21 代码 阅读次数：

由于项目需求，写到某个插件的时候，需要阻止backspace等浏览器默认事件，但是用e.preventDefault()无论如何都搞不定，火狐和谷歌在input或textarea失焦之后，按backspace都执行了后退(上一页)，网上查了资料，也问了不少人，最终原生js解决，以此为记：

自己写的简单版

//禁止后退键（Backspace）  
function banBackSpace(e){  
 var ev = e || window.event;//获取event对象  
 var focus=$(cid).is(":focus")?true:false;  
 var flag1=(ev.keyCode == 8 && focus==false && $("div.adr_base").length>0)?true:false;  
 if(flag1){  
 $("div.check").siblings(cid).focus();  
 $("div.check").remove();  
 return false;  
 }  
}  
//禁止后退键 作用于Firefox、Opera  
document.onkeypress=banBackSpace;  
//禁止后退键 作用于IE、Chrome  
document.onkeydown=banBackSpace;  
//window.history.forward(1);//屏蔽浏览器自带的后退键  

网上的完整案例

//处理键盘事件 禁止后退键（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 : true;  
 vEnabled = (vEnabled == null) ? true : vEnabled;  
 //当敲Backspace键时，事件源类型为密码或单行、多行文本的，  
 //并且readonly属性为true或enabled属性为false的，则退格键失效  
 var flag1=(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea")&& (vReadOnly || 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.onkeypress=banBackSpace;  
//禁止后退键 用于IE、Chrome  
document.onkeydown=banBackSpace;  
window.history.forward(1);//屏蔽浏览器自带的后退键