您的位置:首页 > Web前端 > JavaScript

jsp页面屏蔽输入框只读属性时backspace返回上一级页面的方法

2015-10-27 00:00 661 查看
摘要: 在jsp页面输入框为只读属性时,不小心按了backspace键,会出现页面回退。
参考了其他一些方法,整理出如下代码:

首先获取事件对象,并判断是否要阻止按下键盘的默认事件

window.onload=function(){
document.getElementsByTagName("body")[0].onkeydown =function(){

var elem = event.relatedTarget || event.srcElement || event.target ||event.currentTarget;
//判断按键为backSpace键
if(event.keyCode==8){
var elem = event.srcElement || event.currentTarget;

var name = elem.nodeName;

if(name!='input' && name!='textarea'){
return _stopIt(event);
}
var type_e = elem.type.toUpperCase();
if(name=='INPUT' && (type_e!='text' && type_e!='textarea' && type_e!='password'
&& type_e!='file')){
return _stopIt(event);
}
if(name=='input' && (elem.readOnly==true || elem.disabled ==true)){
return _stopIt(event);
}
}
}
}

阻止按下键盘事件默认传递

function _stopIt(e){
if(e.returnValue){
e.returnValue = false ;
}
if(e.preventDefault ){
e.preventDefault();
}

return false;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息