html5取消backspace后退功能,js屏蔽退格键(backspace或者叫后退键与F5)_晚秋_前端开发者...

没有绝对的屏蔽，最好是

我们在真实的项目开发中经常会使用

比较好的代码，处理键盘事件 禁止后退键(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.οnkeypress=banBackSpace;

//禁止后退键 作用于IE、Chrome

document.οnkeydοwn=banBackSpace;

使用方法：把上面的js代码放到

之间就ok了

下面是其它网友的补充

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

//禁止后退键 作用于Firefox、Opera

document.οnkeypress=banBackSpace;

//禁止后退键 作用于IE、Chrome

document.οnkeydοwn=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;

}

}

屏蔽F5

//屏蔽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;

}

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