javascript - IE11 如何屏蔽backspace返回上一页功能?
ringa_lee
ringa_lee 2017-04-10 14:24:54
[JavaScript讨论组]

代码如下,最高支持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的返回上一页功能

ringa_lee
ringa_lee

ringa_lee

全部回复(2)
怪我咯

改成disabled呢

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

伊谢尔伦

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

$('input').keydown(function(e){
    e.preventDefault();
});
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号