屏蔽浏览器界面Backspace按钮单击事件

最新推荐文章于 2023-10-09 10:51:39 发布

SeaLong_

最新推荐文章于 2023-10-09 10:51:39 发布

阅读量569

点赞数

CC 4.0 BY-SA版权

文章标签： JS

本文链接：https://blog.youkuaiyun.com/SeaLong_/article/details/78355005

本文介绍了一种方法来阻止浏览器中Backspace按键的功能，分别针对IE内核浏览器和其他如Firefox等现代浏览器进行了代码示例说明。

//屏蔽IE内核的浏览器界面的Backspace按钮单击事件

document.onkeydown =function (e) {

                 var code,type;
                 if (!e){ var e = window.event;}
                 if (e.keyCode){ code = e.keyCode;}
                 else if (e.which){ code = e.which;}
                 type = event.srcElement.type;
                 if ((code == 8)
                   && ((type != "text" && type != "textarea"
                   &&type != "password") || event.srcElement.readOnly == true)) {
                       event.keyCode = 0;
                       event.returnValue = false;
                 }
                 return true;

}

//屏蔽Firefox等浏览器界面的Backspace按钮单击事件

    if(typeof window.event == 'undefined') {
                 document.onkeypress = function(e) {
                    var type = e.target.localName.toLowerCase();
                    var code = e.keyCode;
                    if ((code != 8 && code != 13) ||
                        (type == 'input' && code != 13 ) ||
                        (type == 'textarea') ||
                        (type == 'submit' && code == 13)) {
                        return true;
                    } else {
                        return false ;
                    }
                }
            }