JavaScript屏蔽Backspace键

今天在IE浏览器下发现，当把使用readonly="readonly"属性将文本框设置成只读<input type="text" readonly="readonly"/>时有一个奇怪的问题：如果光标进入只读文本框，然后按下Backspace键，就会跳转到上一个页面，效果就像点击了浏览器的后退按钮返回前一个页面一样，而在火狐和google下没有这样的问题出现，为了解决这个问题，写了一个如下的处理方法，如果文本框是只读的，那么就禁用Backspace键。
代码如下：1 //处理键盘事件 禁止后退键（Backspace）密码或单行、多行文本框除外2     function banBackSpace(e){   3         var ev = e || window.event;//获取event对象   4         var obj = ev.target || ev.srcElement;//获取事件源   5         var t = obj.type || obj.getAttribute('type');//获取事件源类型  6         //获取作为判断条件的事件类型7         var vReadOnly = obj.getAttribute('readonly');8         //处理null值情况9         vReadOnly = (vReadOnly == "") ? false : vReadOnly;
10         //当敲Backspace键时，事件源类型为密码或单行、多行文本的，
11         //并且readonly属性为true或enabled属性为false的，则退格键失效
12         var flag1=(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea")
13                     && vReadOnly=="readonly")?true:false;
14         //当敲Backspace键时，事件源类型非密码或单行、多行文本的，则退格键失效
15         var flag2=(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea")
16                     ?true:false;
17
18         //判断
19         if(flag2){
20             return false;
21         }
22         if(flag1){
23             return false;
24         }
25     }
26
27 window.οnlοad=function(){
28     //禁止后退键 作用于Firefox、Opera
29     document.οnkeypress=banBackSpace;
30     //禁止后退键  作用于IE、Chrome
31     document.οnkeydοwn=banBackSpace;
32 }

转载于:https://www.cnblogs.com/yongguang1990/p/10184141.html

JavaScript屏蔽Backspace键相关推荐

页面屏蔽backspace键
//页面加载完成 $(document).ready(function(){ //禁止退格键作用于Firefox.Opera document.onkeypress = banBackSpace; ...
屏蔽Backspace(退格)键后退功能
屏蔽"Backspace"(退格)键后退功能2008-01-17 16:18本来这个脚本不难,但是我接到的需求可不太容易实现创建工单时,屏蔽"Backspace&quo ...
删除web文本框中的内容需要或者文本框失去焦点，点击“Backspace”键时页面回退，屏蔽页面回退键的方法
问题:web文本框中的内容需要删除或者文本框失去焦点,点击"Backspace"键时,页面就回退了,下面是一种屏蔽页面回退键的方法. 原因:当文本输入框设置为只读时,按后退键默认都 ...
Javascript屏蔽右键的方法
网页制作者经常遇到如何彻底禁止查看网页源代码的问题.有没有方法可以解决呢?使用ASP.JSP等服务器端编程技术可以实现对网页源代码的保护,但目前国内网站所提供的免费个人主页空间一般都不提供对服务器端编 ...
禁用backspace键的后退功能
禁用backspace键的后退功能,但是可以删除文本内容 <script language="JavaScript"> document.onkeydown = che ...
html5屏蔽技术,实用javaScript屏蔽技术
屏蔽键盘所有键, 屏蔽鼠标右键, 屏蔽 Ctrl+N.Shift+F10.F5刷新.退格键, 屏蔽浏览器右上角"最小化""最大化""关闭"键 ...
C# 禁用backspace键
在Asp.net网站开发中表单提交往往需要禁用backspace键以及其他键,避免数据输入一半,就跳转页面了.但是还是需要在text等输入框还能响应back键,从而可以删除数据. 在网上找的javas ...
屏蔽PrintScreen键
在网页的Head部分加入如下代码,这段代码的主要功能是屏蔽PrintScreen键,不断清空剪贴版,防止图片被用文件--另存为菜单另存. <mce:script language="j ...
解决 Python shell 中 Delete/Backspace 键乱码问题
简述进入 Python shell,按下 Delete/Backspace 键,会出现 ^H 字符.命令输入错误后只能从头开始,无法删除,让人很头疼.为了便于后期使用,分享一个一劳永逸的方式. 基本 ...
Linux使用退格键（Backspace键）时出现^H 解决方法
在linux下执行脚本不注意输错内容需要删除时总是出现^H ^H不是H键的意思,是backspace键.主要是当你的终端backspace有问题的时候才需要设置. 在bash下执行 stty eras ...

JavaScript屏蔽Backspace键

JavaScript屏蔽Backspace键相关推荐

最新文章

热门文章