IE禁用Backspace键返回上个页面方法 vue H5都可以使用

  • A+
所属分类:Web前端
摘要

如果文本框是只读的,那么就禁用Backspace键。如果有文本框就继续可以使用。

如果文本框是只读的,那么就禁用Backspace键。如果有文本框就继续可以使用。

Vue代码可以直接复制到id="app"的页面。

代码如下:

 //处理键盘事件 禁止后退键(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');           //处理null值情况           vReadOnly = (vReadOnly == "") ? false : vReadOnly;         //当敲Backspace键时,事件源类型为密码或单行、多行文本的,         //并且readonly属性为true或enabled属性为false的,则退格键失效          var flag1=(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea") && vReadOnly=="readonly")?true:false;          //当敲Backspace键时,事件源类型非密码或单行、多行文本的,则退格键失效         var flag2=(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea") ?true:false;                          //判断          if(flag2){             return false;          }          if(flag1){                return false;            }         }    window.onload=function(){      //禁止后退键 作用于Firefox、Opera          document.onkeypress=banBackSpace;           //禁止后退键  作用于IE、Chrome      document.onkeydown=banBackSpace;  }