欢迎来到天天文库
浏览记录
ID:40749867
大小:47.00 KB
页数:3页
时间:2019-08-07
《js禁用回退键[backspace键]浏览历史跳转的解决办法》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、js禁用回退键[backspace键]浏览历史跳转的解决办法在页面非输入框中按下回退键[backspace键]时页面会跳转到上一页,但是上一页加载失败,说会话已过期,问题描述到此结束.解决办法:下面是在网上找的代码:Javascript代码1window.onload=function(){2document.getElementsByTagName("body")[0].onkeydown=function(){3if(event.keyCode==8){4varelem=event.srcElement;5varname=elem.nodeName;67if(nam
2、e!='INPUT'&&name!='TEXTAREA'){8event.returnValue=false;9return;10}11vartype_e=elem.type.toUpperCase();12if(name=='INPUT'&&(type_e!='TEXT'&&type_e!='TEXTAREA'&&type_e!='PASSWORD'&&type_e!='FILE')){13event.returnValue=false;14return;15}16if(name=='INPUT'&&(elem.readOnly==true
3、
4、elem.disable
5、d==true)){17event.returnValue=false;18return;19}20}21}22}问题解决了,使用说明:1.把代码直接复制到页面,【页面必须含有body标签】2.放到任意一个页面引用的js文件中【直接放到文件的最开始,或最后,不要放到方法里面,页面必须含有body标签】以上为1.0版本,只支持IE:-------------------------------------------------------分割线------------------------------------------------------以下为2.0版本,支
6、持IE,firefox,chrome[这三款浏览器经过测试]等浏览器(又修复了个不大不小的bug,现在是2.1)Js代码1window.onload=function(){23document.getElementsByTagName("body")[0].onkeydown=function(){45//获取事件对象6varelem=event.relatedTarget
7、
8、event.srcElement
9、
10、event.target
11、
12、event.currentTarget;78if(event.keyCode==8){//判断按键为backSpace键910//获
13、取按键按下时光标做指向的element11varelem=event.srcElement
14、
15、event.currentTarget;1213//判断是否需要阻止按下键盘的事件默认传递14varname=elem.nodeName;1516if(name!='INPUT'&&name!='TEXTAREA'){17return_stopIt(event);18}19vartype_e=elem.type.toUpperCase();20if(name=='INPUT'&&(type_e!='TEXT'&&type_e!='TEXTAREA'&&type_e!='PASS
16、WORD'&&type_e!='FILE')){21return_stopIt(event);22}23if(name=='INPUT'&&(elem.readOnly==true
17、
18、elem.disabled==true)){24return_stopIt(event);25}26}27}28}29function_stopIt(e){30if(e.returnValue){1e.returnValue=false;2}3if(e.preventDefault){4e.preventDefault();5}67returnfalse;8}---------------
19、-------------------------------------------------------------------------------------------------------版本升级:当前版本2.1修复firefox下无法删除input里面字符的bug说明:不知道为毛,在firefox下出现问题了,之前确定测试过,然后有一个童鞋说这个脚本在firefox下不能用,会出现上面所说现象,我说我调试下,但是后来他说又可以了,不过经过我的测试这段脚本确实有问题,确实会出现上述问题,不过是时有时无。算了还是改一下吧,
此文档下载收益归作者所有