美文网首页
IE禁用Backspace键返回上个页面方法 vue H5都可以

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

作者: 欧小肥OuO | 来源:发表于2022-06-22 14:34 被阅读0次

    如果文本框是只读的,那么就禁用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;
     }
    

    相关文章

      网友评论

          本文标题:IE禁用Backspace键返回上个页面方法 vue H5都可以

          本文链接:https://www.haomeiwen.com/subject/zlhuvrtx.html