屏蔽backspace键和浏览器回退按钮

网上搜索到的,对于IE下的控制稍微完善了一下,作为笔记记录一下。下面代码需要放到 jquery ready()方法中才有效。


//屏蔽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 || vReadOnly == "") ? false : true; 
vEnabled = (vEnabled == null || vEnabled == "") ? true : vEnabled; 
//当敲Backspace键时,事件源类型为密码或单行、多行文本的, 
//并且readonly属性为true或enabled属性为false的,则退格键失效 
var flag1=(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea") && (vReadOnly || 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.οnkeypress=banBackSpace; 
//禁止后退键 作用于IE、Chrome 
document.οnkeydοwn=banBackSpace; 
window.history.forward(1);//屏蔽浏览器自带的后退键 

你可能感兴趣的:(web前端,javascript)