js屏蔽退格键(backspace或者叫后退键与F5)

2023-08-29 05:41:04 213

没有绝对的屏蔽，最好是js结合服务端混合用。服务端通过判断要打开的页面的参数是否第一次打开，如果不是的话就跳转到指定页面。这里只说js方法。

我们在真实的项目开发中经常会使用JS对键盘上的一些按键进行禁用，常见的比如说退格键（backspace/后退键），我在一个项目中就遇到过在页面编辑的时候禁用掉退格键，因为退格键会发生页面后退，这样编辑的内容都会失去了，非常的恶心人。ok，废话少说，直接上代码。

比较好的代码，处理键盘事件禁止后退键（Backspace）密码或单行、多行文本框除外



//处理键盘事件禁止后退键（Backspace）密码或单行、多行文本框除外
functionbanBackSpace(e){
varev=e||window.event;//获取event对象
varobj=ev.target||ev.srcElement;//获取事件源

vart=obj.type||obj.getAttribute('type');//获取事件源类型

//获取作为判断条件的事件类型
varvReadOnly=obj.getAttribute('readonly');
varvEnabled=obj.getAttribute('enabled');
//处理null值情况
vReadOnly=(vReadOnly==null)?false:vReadOnly;
vEnabled=(vEnabled==null)?true:vEnabled;

//当敲Backspace键时，事件源类型为密码或单行、多行文本的，
//并且readonly属性为true或enabled属性为false的，则退格键失效
varflag1=(ev.keyCode==8&&(t=="password"||t=="text"||t=="textarea")
&&(vReadOnly==true||vEnabled!=true))?true:false;

//当敲Backspace键时，事件源类型非密码或单行、多行文本的，则退格键失效
varflag2=(ev.keyCode==8&&t!="password"&&t!="text"&&t!="textarea")
?true:false;

//判断
if(flag2){
returnfalse;
}
if(flag1){
returnfalse;
}
}

//禁止后退键作用于Firefox、Opera
document.onkeypress=banBackSpace;
//禁止后退键作用于IE、Chrome
document.onkeydown=banBackSpace;

使用方法：把上面的js代码放到之间就ok了

下面是其它网友的补充


javascript:window.history.forward(1);//禁用回退（比如：当前在B页面，点击后退会退回到A页面，那么该代码写在A页面，然后在B页面就不会回退到A了）



//禁止后退键作用于Firefox、Opera
document.onkeypress=banBackSpace;
//禁止后退键作用于IE、Chrome
document.onkeydown=banBackSpace;
//处理键盘事件禁止后退键（Backspace）密码或单行、多行文本框除外
functionbanBackSpace(e){
varev=e||window.event;//获取event对象
varobj=ev.target||ev.srcElement;//获取事件源
vart=obj.type||obj.getAttribute('type');//获取事件源类型
//获取作为判断条件的事件类型
varvReadOnly=obj.getAttribute('readonly');
varvEnabled=obj.getAttribute('enabled');
//处理null值情况
vReadOnly=(vReadOnly==null)?false:vReadOnly;
vEnabled=(vEnabled==null)?true:vEnabled;
//当敲Backspace键时，事件源类型为密码或单行、多行文本的，
//并且readonly属性为true或enabled属性为false的，则退格键失效
varflag1=(ev.keyCode==8&&(t=="password"||t=="text"||t=="textarea")&&(vReadOnly==true||vEnabled!=true))?true:false;
//当敲Backspace键时，事件源类型非密码或单行、多行文本的，则退格键失效
varflag2=(ev.keyCode==8&&t!="password"&&t!="text"&&t!="textarea")?true:false;
//判断
if(flag2){
returnfalse;
}
if(flag1){
returnfalse;
}
}

屏蔽F5


//屏蔽F5
document.onkeydown=function(e){
e=window.event||e;
varkeycode=e.keyCode||e.which;
if(e.ctrlKey||e.altKey||e.shiftKey
||keycode>=112&&keycode<=123){
if(window.event){//ie
try{e.keyCode=0;}catch(e){}
e.returnValue=false;
}else{//ff
e.preventDefault();
}
}
}
//屏蔽右键
document.oncontextmenu=function(e){
returnfalse;
}

这篇文章就介绍到这了，需要的朋友可以参考一下

js屏蔽退格键(backspace或者叫后退键与F5)

热门推荐

随机推荐