tip

华为WLAN指导设计 来源:华为星火计划培训

华为WLAN设计
网优网归 场景规划
方案设计

【资料简介】华为Wlan网络网规网优技术、场景规划与方案设计,从0开始设计到交付,一本完完整整的学习教材,建议从事无线学习的同学学习..

马上观看
zon

华为WLAN专题集锦 专题:华为WLAN

WLAN配置
组网模式解析
组网配置案例

【华为无线】本指南详细介绍每个模版的命令解释及用途,在加上十多种精彩案例分享及解释,再加上网优网归,让你彻底脱盲,不在为无线..

马上观看
zon

家园VBook中心 分类:书籍中心

教材 案例 题库
知识 专业认证
资源价值

【中心简介】家园Vbook书籍中心是以收集和整理互联网上优秀书籍,以最好的知识推荐给你学习,让你在学习的路程上事半功倍,告别枯燥,早..

马上观看
tip

华为HCIE认证之路 分类:华为认证

HCIE学习之路
华为 路由 交换
含金量最大的资料

【学习介绍】在中国拥有一张证书不是梦,冰冻三尺,非一日之寒,要拥有一张认证所具备含金量技术水准那是需要多年的经年积累,本书专为你分享..

马上观看
tip

华三无线专题报告 发布:建哥哥

华三
H3C WLAN AC
无线专题

【资料简介】大好河山、无线风光,主要介绍H3C无线,从基础到高级配置及组网模式配置案例,多达200篇案例配置,从此告别对无线的迷茫..

马上观看
★浏览次数:1397 次★  发布日期:2013-10-11
 当前位置:技术资料 > WEB技术 > JS > 正文
 
最近更新
    正在更新...
 

浏览器禁用退格键返回上一页且输入框能正常使用解决办法

 

在开发HTML网页中,有时候我们不想浏览在误操作backspace键的时候就返回了上一页的浏览,特别是在更新日志资料等时候。


所以很多开发人员使用了js禁用了backspace键的操作。虽然此然可行,但是却出现了一个新问题,在输入框你无法使用删除键来删除文字信息。

本人研究了很久最终写了一小行代码放在每一个页面就可以解决此问题,既防止返回上一页,且在有输入框的时候一样能正常输入信息。

代码如下:

 

document.onkeydown = function(event){var e=event||window.event||arguments.callee.caller.arguments[0]; var d=e.srcElement || e.target; if(e&&e.keyCode==8){return d.tagName.toUpperCase() == 'INPUT' || d.tagName.toUpperCase() == 'TEXTAREA' ? true : false }} 

 

  

此代码你放在 js脚本中即可。兼容所有浏览器、 IE 、火狐浏览器等全部能支持javascript的浏览器。

 

稍微解释一下:

此脚本就是侦听  按键 事件,当按键是 backspace 的时候对其当前输入光标的位置判断,如果是 input 和 textarea 那么返回 true,以不影响 正常的输入,如果不在 input等输入框中 则返回false,让其 backspace的功能退出,以达到阻断 返回上一页的情况。

 

所以你可以对上述代码更改,只需要判断你想要的条件即可。可扩展成为其他的任何html标签内的东西。

 
建议使用IE8.0以上版本解析 网络QQ群:30573676 家园群:36740144 Elv home systems. 蜀ICP备20009373号 © All Rights Reserved 2012 - By badulip
×

扫二维码,关注微信公众号