jquery防止退回键返回

来源：互联网发布：网络诈骗案件2017 编辑：程序博客网时间：2024/06/05 03:58

最近在优化系统，发现被禁用的输入框在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();阻止默认事件行为的触发。

0 0