js防止backspace回退到上一界面(兼容各种浏览器)
Posted 开发+测试
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js防止backspace回退到上一界面(兼容各种浏览器)相关的知识,希望对你有一定的参考价值。
//处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外
function banBackSpace(e) {
var ev = e || window.event;//获取event对象
var obj = ev.target || ev.srcElement;//获取事件源
var t = obj.type || obj.getAttribute(‘type‘);//获取事件源类型
//获取作为判断条件的事件类型
var vReadOnly = obj.getAttribute(‘readonly‘);
var vEnabled = obj.getAttribute(‘enabled‘);
//处理null值情况
vReadOnly = (vReadOnly == null) ? false : vReadOnly;
vEnabled = (vEnabled == null) ? true : vEnabled;
//当敲Backspace键时,事件源类型为密码或单行、多行文本的,
//并且readonly属性为true或enabled属性为false的,则退格键失效
var flag1 = (ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea")
&& (vReadOnly == true || vEnabled != true)) ? true : false;
//当敲Backspace键时,事件源类型非密码或单行、多行文本的,则退格键失效
var flag2 = (ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea") ? true : false;
//判断
if (flag2) {
return false;
}
if (flag1) {
return false;
}
}
//禁止后退键 作用于Firefox、Opera
document.onkeypress = banBackSpace;
//禁止后退键 作用于IE、Chrome
document.onkeydown = banBackSpace;
以上是关于js防止backspace回退到上一界面(兼容各种浏览器)的主要内容,如果未能解决你的问题,请参考以下文章