您的位置:首页 > Web前端 > JQuery

jquery防止退回键返回

2016-05-24 09:46 323 查看
最近在优化系统,发现被禁用的输入框在IE8中是有光标的,而在谷歌中没有,其他的浏览器没有看

用户的习惯是,有光标就可以输入,也可以退回,而用户点击退回键时,页面会跳到前一个页面,这导致用户体验度很差。

如何防止退回键返回,借鉴一下其他同仁的辛苦成果:

//浏览器中Backspace不可用  
$(document).keydown(function(e){   
       var keyEvent;   
       if(e.keyCode==8){   
           var d=e.srcElement||e.target;   
            if(d.tagName.toUpperCase()=='INPUT'||d.tagName.toUpperCase()=='TEXTAREA'){   
                keyEvent=d.readOnly||d.disabled;   
            }else{   
                keyEvent=true;   
            }   
        }else{   
            keyEvent=false;   
        }   
        if(keyEvent){   
            e.preventDefault();   
        }   
});   

//只防止input和textarea 浏览器中Backspace仍可用  
$(document).keydown(function(e){   
var keyEvent;   
if(e.keyCode==8){   
var d=e.srcElement||e.target;   
            if(d.tagName.toUpperCase()=='INPUT'||d.tagName.toUpperCase()=='TEXTAREA'){   
                keyEvent=d.readOnly||d.disabled;   
            }  
} else{  
            keyEvent=false;  
}  
if(keyEvent){   
            e.preventDefault();   
        }   
});

event.preventDefault();阻止默认事件行为的触发。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery