【Web前端问题】IE11 如何屏蔽backspace返回上一页功能？

代码如下，最高支持IE10

$(document).ready(function(){  
    //禁止退格键 作用于Firefox、Opera   
    document.onkeypress = banBackSpace;  
    //禁止退格键 作用于IE、Chrome  
    document.onkeydown = banBackSpace;  
});  
//处理键盘事件 禁止后退键（Backspace）密码或单行、多行文本框除外   
function banBackSpace(e){  
    //alert(event.keyCode)  
    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)   
        event.returnValue = false;//这里如果写 return false 无法实现效果   
}

当鼠标焦点在文本框时，按下Backspace键返回上一页，ps：文本框此时属性为readonly

已解决，请问如何关闭问题？ 解决方法 http://goo.gl/hX9hx3 可以屏蔽IE11 的backspace的返回上一页功能

当鼠标焦点在文本框时，按下Backspace键返回上一页，ps：文本框此时属性为readonly

回答：

改成disabled呢

彻底屏蔽浏览器的后退事件也叫解决问题？

回答：

你还不如用代码实现readonly，给input的所有keydown事件屏蔽

$('input').keydown(function(e){
    e.preventDefault();
});

回答：

IE11如何屏蔽呀？楼主

以上是 【Web前端问题】IE11 如何屏蔽backspace返回上一页功能？ 的全部内容， 来源链接： utcz.com/a/136747.html

回到顶部