针对ie在input为readonly时选中点击backspace键会返回上一页的情况

最新推荐文章于 2021-08-15 23:33:24 发布

fateboy01

最新推荐文章于 2021-08-15 23:33:24 发布

阅读量1.8k

点赞数

分类专栏： bug处理文章标签： backspace 回退禁止回退禁止返回上级

本文链接：https://blog.csdn.net/fateboy01/article/details/83656861

版权

这篇博客主要讨论了在Internet Explorer浏览器中，当input元素设置为readonly时，用户按下backspace键会意外触发返回上一页的问题。作者提供了代码解决方案，以防止这种行为发生，确保在输入框内删除功能可用的同时，避免浏览器的默认回退操作。

摘要由CSDN通过智能技术生成

可以设置这个给input unselectable="on   或者用js

document.onkeydown =function(e){
            var ev = e || window.event; //获取event对象
            if (ev.keyCode == 8) {
                var obj = ev.target || ev.srcElement; //获取事件源
                var t = obj.type || obj.getAttribute('type'); //获取事件源类型
                //获取作为判断条件的事件类型
                var vReadOnly = obj.getAttribute('readonly') || obj.readOnly;
                if ((t == "password" || t == "text" || t == "textarea"|| t == "email"|| t == "url"|| t == "number"|| t == "range"|| t == "Date"|| t == "search"|| t == "color") && (vReadOnly == true)) {
                    return fals