js禁用回退键[backspace键]浏览历史跳转的解决办法

在做公司的CMS的时候出现了一些js的问题，其中有一个就是在页面非输入框中按下回退键[backspace键]时页面会跳转到上一页，但是上一页加载失败，说会话已过期，

问题描述到此结束.

 

解决办法：

第一直觉就是上网搜答案，但是结果不理想。

第二上论坛上看看有没有解决办法，到是找到一个类似的问你

 

‘在IE里按backspace键时如何知道是发生在input还是在中文输入法框?’

地址：http://www.iteye.com/problems/3272

 

问题类似，但是不是解决办法，还好的就是我根据他的思路自己试着找解决办法。

 

  多谢fuwang 

 

下面是我代码：

 

window.onload=function(){
	/****************************
	 * 作者：[e-mail]	*
	 * 时间：2012-07-12			*
	 * version：1.0				*
	 * 							*
	 ****************************/
	document.getElementsByTagName("body")[0].onkeydown =function(){
		if(event.keyCode==8){
			var elem = event.srcElement;
			var name = elem.nodeName;
			
			if(name!='INPUT' && name!='TEXTAREA'){
				event.returnValue = false ;
				return ;
			}
			var type_e = elem.type.toUpperCase();
			if(name=='INPUT' && (type_e!='TEXT' && type_e!='TEXTAREA' && type_e!='PASSWORD' && type_e!='FILE')){
				event.returnValue = false ;
				return ;
			}
			if(name=='INPUT' && (elem.readOnly==true || elem.disabled ==true)){
				event.returnValue = false ;
				return ;
			}
		}
	}
}

 

 

问题解决了，

使用说明：

1.把代码直接复制到页面，【页面必须含有body标签】

2.放到任意一个页面引用的js文件中【直接放到文件的最开始，或最后，不要放到方法里面，页面必须含有body标签】

 

以上为1.0版本，只支持IE：

-------------------------------------------------------分割线------------------------------------------------------------

 

以下为2.0版本，支持IE，firefox，chrome[这三款浏览器经过测试]等浏览器

 (又修复了个不大不小的bug，现在是2.1)

 

 

		
		window.onload=function(){
			/****************************
			 * 作者：[e-mail]	*
			 * 时间：2012-08-20			*
			 * version：2.1				*
			 * 							*
			 ****************************/
			document.getElementsByTagName("body")[0].onkeydown =function(){
				
				//获取事件对象
				var elem = event.relatedTarget || event.srcElement || event.target ||event.currentTarget; 
				
				if(event.keyCode==8){//判断按键为backSpace键
				
						//获取按键按下时光标做指向的element
						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;
		}

 

欢迎拍砖。

 

欢迎在自己的项目中使用，复制，传播，都可以，不过请注明出处。

 

 

-------------------------------------------------------------------------------------------------------------------------

 

版本升级：

当前版本 2.1 

修复firefox下无法删除input里面字符的bug

 

说明：

不知道为毛，在firefox下出现问题了，之前确定测试过，然后有一个童鞋说这个脚本在firefox下不能用，会出现上面所说现象，我说我调试下，但是后来他说又可以了，

不过经过我的测试这段脚本确实有问题，

确实会出现上述问题，不过是时有时无。

算了还是改一下吧，

 

出现问题的原因：

firefox下 var elem = event.relatedTarget || event.srcElement  无法获取到目标对象。

所以换成target属性来获取。

 

ok 欢迎继续使用 

有问题 请提出来 我来修复。

 

 

 

 

评论

11 楼 iammabing 2017-02-07  

好用,怒赞!

10 楼 Flemming323 2016-03-28  

你好，IE下不好用啊，请问为什么呀

9 楼 Consion 2016-02-24  

很好！有用！多谢！

8 楼 wx_hello 2015-08-11  

不错，很好用。。谢谢！

7 楼 q821424508 2015-07-06  

coolbaby241 写道

IE和谷歌效果是正确的，但是火狐禁止了回退功能，可input里的删除不起作用了。麻烦调试下，[e-mail]

我这里测试时可以的，你的事什么系统，火狐事什么版本

6 楼 coolbaby241 2015-06-28  

IE和谷歌效果是正确的，但是火狐禁止了回退功能，可input里的删除不起作用了。麻烦调试下，[e-mail]

5 楼 tkj789 2013-09-06  

好给力，很好很强大，自己作点小改动，果断就符合我的要求了

4 楼 dzwfeng 2013-05-16  

很实用，感谢啦。

3 楼 q821424508 2012-12-04  

netdldw 写道

好吧，是我看错了。楼主的方法是很完美的

客气，共同学习

2 楼 netdldw 2012-12-03  

好吧，是我看错了。楼主的方法是很完美的

1 楼 netdldw 2012-12-01  

你用了多笨的法子啊。
看下面的：
if(event.keyCode==8){//判断按键为backSpace键 
         
                //获取按键按下时光标做指向的element 
                var elem = event.srcElement;
                if(elem.type != "text" && elem.type != "textarea" && elem.type != "password"){
                 event.keyCode = 0;  
                 event.returnValue = false;
                 }
            }