按下Backspace键，就会跳转到上一个页面。JavaScript屏蔽Backspace键处理，禁用Backspace键。

今天在IE浏览器下发现，当把使用readonly="readonly"属性将文本框设置成只读时有一个奇怪的问题：如果光标进入只读文本框，然后按下Backspace键，就会跳转到上一个页面，效果就像点击了浏览器的后退按钮返回前一个页面一样，而在火狐和google下没有这样的问题出现，为了解决这个问题，写了一个如下的处理方法，如果文本框是只读的，那么就禁用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');  //处理null值情况   vReadOnly = (vReadOnly == "") ? false : vReadOnly;  //当敲Backspace键时，事件源类型为密码或单行、多行文本的， //并且readonly属性为true或enabled属性为false的，则退格键失效  var flag1=(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea")  && vReadOnly=="readonly")?true:false;  //当敲Backspace键时，事件源类型非密码或单行、多行文本的，则退格键失效  var flag2=(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea") ?true:false;//判断 if(flag2){ return false; }  if(flag1){    return false;    }
}window.onload=function(){  //禁止后退键 作用于Firefox、Opera document.onkeypress=banBackSpace; //禁止后退键  作用于IE、Chrome document.onkeydown=banBackSpace;
}

加上这样的处理之后，就可以解决只读输入框在IE下按下Backspace键回退到前一个页面的问题了

按下Backspace键，就会跳转到上一个页面。JavaScript屏蔽Backspace键处理，禁用Backspace键。相关推荐

java中登陆界面怎么连接到下一个界面啊_JavaWeb登陆成功后跳转到上一个页面
JavaWeb登陆成功后跳转到上一个页面,这个标题注定要词不达意,你可能会遇到这样的情形,当点击页面的某个请求时,由于用户未登录,需要跳转到登录页,用户登录成功后,再跳转到上一个页面:还有一种情况,多 ...
JavaWeb登陆成功后跳转到上一个页面
JavaWeb登陆成功后跳转到上一个页面,这个标题注定要词不达意,你可能会遇到这样的情形,当点击页面的某个请求时,由于用户未登录,需要跳转到登录页,用户登录成功后,再跳转到上一个页面:还有一种情况,多 ...
php 跳转回上一个页面,php跳转回上一个页面
[摘要] PHP即"超文本预处理器",是一种通用开源脚本语言.PHP是在服务器端执行的脚本语言,与C语言类似,是常用的网站编程语言.PHP独特的语法混合了C.Java.Perl以及 ...
【ASP.NET】登陆成功后如何跳转到上一个页面
当用户浏览网页的时候会在某个地方需要用户登陆才能继续浏览,用户登陆之后会自动跳转到刚刚浏览的页面.这个步骤是怎么实现的呢?net小伙在查阅相关资料实践之后终于明白了,其实很简单,先分享给大家吧. 当用 ...
IntelliJ IDEA中跳转到上一个视图位置（向后/向前导航）的键盘快捷键
本文翻译自:Keyboard shortcut for Jump to Previous View Location (Navigate back/forward) in IntelliJ IDEA ...
如何解决用谷歌浏览器调试代码接口请求的时候，跳转网页切换网页的时候，上一个页面的接口请求记录被清除消失的问题
经常我们在测试接口的返回报文的时候,可能是存在于不同网页的跳转过程中,但是浏览器默认的设置是只要一跳转页面,上一个页面的请求记录就没了,是不是很烦人,有时候我们还有以迅雷不及掩耳盗铃之势把浏览器的接口 ...
js控制禁用退格键回到上一个页面
js控制禁用退格键回到上一个页面我们在真实的项目开发中经常会使用JS 对键盘上的一些按键进行禁用,常见的比如说退格键(backspace/ 后退键),我在一个项目中就遇到过在页面编辑的时候禁用掉退格 ...
小程序 navigator 无法跳转 tabBar上的页面
小程序 navigator 无法跳转 tabBar上的页面解决方法一: navigator 的 open-type 设置为 switchTab 解决方法二: 使用 wx.switchTab({ ur ...
php跳转到另外一个方法,PHP 页面跳转到另一个页面的多种方法方法总结
PHP 页面跳转到另一个页面的多种方法方法总结一用 HTTP 头信息也就是用 PHP 的 HEADER 函数 PHP 里的 HEADER 函数的作用就是向浏览器发出由 HTTP 协议规定的本来应该 ...
js实现5秒之后跳转到另一个页面
最近在做网上书城项目时,总结了两种方式实现5秒之后跳转到另一个页面. 第一种方式:直接在jsp页面中写入js代码: msg.jsp代码如下: <%@ page language="ja ...

按下Backspace键，就会跳转到上一个页面。JavaScript屏蔽Backspace键处理，禁用Backspace键。

按下Backspace键，就会跳转到上一个页面。JavaScript屏蔽Backspace键处理，禁用Backspace键。相关推荐

最新文章

热门文章