JS禁用浏览器退格键实现思路及代码

[From] http://www.jb51.net/article/42562.htm

上周提交了一个项目（内部使用的），一同事提出个BUG，说要禁用退格键（backspace或者叫后退键），因为这和他的习惯不一样，担心万一文字录入一半，他按了退格键，那整个页面的内容就白填了，然后信誓旦旦的说他做的系统中后退键都是不能用的，我这个系统有问题，当时因为事多，只把这个问题记录下来了，后来查了下他以前做的项目，也没有对退格键进行处理。自己的项目都没处理，到我这嚷嚷来了，算了，不和年轻人一般见识。不就禁用个后退键，简单。

其实说禁用也不是完全禁用，后退键在各浏览器下默认为点击了一下后退按钮，只要保证正常的文字录入还可以用，其他情况下的退格键一律禁掉。看代码吧。

当键盘敲下后退键（Backspace）后 
1、禁止浏览器自动后退 
2、但不影响密码、单行文本、多行文本输入框等的回退操作

解决方案：

网上搜了一下，发现有不少解决方案，相比较之下，zywang的方案较佳

在其基础上，进行补充和完善，以满足需求，整理后的代码如下：

代码一、核心代码

function forbidBackSpace(e) {
var ev = e || window.event; //获取event对象
var obj = ev.target || ev.srcElement; //获取事件源
var t = obj.type || obj.getAttribute('type'); //获取事件源类型
//获取作为判断条件的事件类型
var vReadOnly = obj.readOnly;
var vDisabled = obj.disabled;
//处理undefined值情况
vReadOnly = (vReadOnly == undefined) ? false : vReadOnly;
vDisabled = (vDisabled == undefined) ? true : vDisabled;
//当敲Backspace键时，事件源类型为密码或单行、多行文本的，
//并且readOnly属性为true或disabled属性为true的，则退格键失效
var flag1 = ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea") && (vReadOnly == true || vDisabled == true);
//当敲Backspace键时，事件源类型非密码或单行、多行文本的，则退格键失效
var flag2 = ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea";
//判断
if (flag2 || flag1) return false;
}
//禁止后退键 作用于Firefox、Opera
// document.onkeypress = forbidBackSpace;
//禁止后退键 作用于IE、Chrome
document.onkeydown = forbidBackSpace;

代码二、

function bindBackEvent() { //防止退格键
   $(document).keydown(function(e){
       e = window.event || e;
       var code = e.keyCode || e.which;
       if (code == 8) {
           var src = e.srcElement || e.target;
           var tag = src.tagName;
           if (tag != "INPUT" && tag != "TEXTAREA") {
               e.returnValue = false;
               return false;
           } else if ((tag == "INPUT" || tag == "TEXTAREA") && src.readOnly == true) {
               e.returnValue = false;
               return false;
           }
       }
   });
}