js屏蔽退格键(backspace或者叫后退键与F5)
投稿：mdxy-dxy
今天有工作人员反馈后台编辑文章的时候，多按了几下退格键，然后当前编辑的页面都返回到上一页了，导致刚刚添加的内容全部丢失，今天正好有空给整理一下
没有绝对的屏蔽，最好是js结合服务端混合用。服务端通过判断要打开的页面的参数是否第一次打开，如果不是的话就跳转到指定页面。这里只说js方法。
我们在真实的项目开发中经常会使用JS 对键盘上的一些按键进行禁用，常见的比如说退格键（backspace/ 后退键），我在一个项目中就遇到过在页面编辑的时候禁用掉退格键，因为退格键会发生页面后退，这样编辑的内容都会失去了，非常的恶心人。ok ，废话少说，直接上代码。
比较好的代码，处理键盘事件 禁止后退键（Backspace）密码或单行、多行文本框除外
<script type="text/javascript">
//处理键盘事件 禁止后退键（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;
</script>
使用方法：把上面的js代码放到<head></head>之间就ok了
下面是其它网友的补充
<script type="text/javascript">
javascript:window.history.forward(1);//禁用回退（比如：当前在B页面，点击后退会退回到A页面，那么该代码写在A页面，然后在B页面就不会回退到A了）
</script>
<script type="text/javascript">
//禁止后退键 作用于Firefox、Opera
document.onkeypress=banBackSpace;
//禁止后退键 作用于IE、Chrome
document.onkeydown=banBackSpace;
//处理键盘事件 禁止后退键（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;
}
}
</script>
屏蔽F5
<script type="text/javascript">
//屏蔽F5
document.onkeydown = function(e){
e = window.event || e;
var keycode = 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){
return false;
}
</script>
这篇文章就介绍到这了，需要的朋友可以参考一下