如何禁用backspace和enter
来源:互联网 发布:淘宝代购nike 编辑:程序博客网 时间:2024/06/06 05:26
转载自
方法1,采用键盘监听,处理键盘事件,处理方法是将type="text" "password"及"textarea"的输入框以外的元素做了退格键的禁用。
//处理键盘事件function doKey(e){var ev = e || window.event;//获取event对象var obj = ev.target || ev.srcElement;//获取事件源var t = obj.type || obj.getAttribute('type');//获取事件源类型if(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea"){ return false; } } //禁止后退键 作用于Firefox、Operadocument.onkeypress=doKey;//禁止后退键 作用于IE、Chromedocument.onkeydown=doKey;
以上的代码,当编辑窗口中有一个不可编辑的输入框时,如果光标的位置在其上,敲退格键时依然会发生页面后退。
以下是针对第一种方法的改良版本。
//处理键盘事件 禁止后退键(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'); var vEnabled = obj.getAttribute('enabled'); //处理null值情况 vReadOnly = (vReadOnly == null) ? false : vReadOnly; vEnabled = (vEnabled == null) ? true : vEnabled; //当敲Backspace键时,事件源类型为密码或单行、多行文本的, //并且readonly属性为true或enabled属性为false的,则退格键失效 var flag1=(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea") && (vReadOnly==true || vEnabled!=true))?true:false; //当敲Backspace键时,事件源类型非密码或单行、多行文本的,则退格键失效 var flag2=(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea") ?true:false; //判断 if(flag2){ return false; } if(flag1){ return false; }} //禁止后退键 作用于Firefox、Operadocument.onkeypress=banBackSpace;//禁止后退键 作用于IE、Chromedocument.onkeydown=banBackSpace;
以上代码也有一个问题,在浏览器中,光标在一个不可编辑的输入框上时,退格键依然会产生页面后退效果!
原因分析: 在Firefox及Chrome中 obj.getAttribute('readonly') 返回的值是null,或"",而在IE中,该方法返回的是"readonly"或"",而且根据测试,并没有"enable"的属性,而应该是"disabled",因此,上述方法固然会失效.而且获取DOM的对象属性及标准属性的时候,不应该采用getAttribute方法,这是不准确的,应采用obj.attribute标准方法,这样不会存在因浏览器对js的解释差异而导致的兼容性问题。
修正以上bug的最终版本如下:
//处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外//site www.jbxue.comfunction banBackSpace(e){ var ev = e || window.event;//获取event对象 var obj = ev.target || ev.srcElement;//获取事件源 var t = obj.type || obj.getAttribute('type');//获取事件源类型 //获取作为判断条件的事件类型 var vReadOnly = obj.readOnly; var vDisabled = obj.disabled; //处理undefined值情况 vReadOnly = (vReadOnly == undefined) ? false : vReadOnly; vDisabled = (vDisabled == undefined) ? true : vDisabled; //当敲Backspace键时,事件源类型为密码或单行、多行文本的, //并且readOnly属性为true或disabled属性为true的,则退格键失效 var flag1= ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea")&& (vReadOnly==true || vDisabled==true); //当敲Backspace键时,事件源类型非密码或单行、多行文本的,则退格键失效 var flag2= ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea" ; //判断 if(flag2 || flag1)return false;}//禁止退格键 作用于Firefox、Operadocument.onkeypress=banBackSpace;//禁止退格键 作用于IE、Chromedocument.onkeydown=banBackSpace;
阅读全文
0 0
- 如何禁用backspace和enter
- js处理backspace和enter键
- javascript禁用Backspace退格键
- javascript禁用Backspace退格键
- javascript 禁用回退键Backspace
- C# 禁用backspace键
- 禁用页面backspace后退
- 通过onkeypress和onkeydown事件禁用键盘中的某些键,禁用backspace后退键
- shell命令行输入不用Enter键和Backspace键的方法
- 页面禁用enter键
- 禁用enter 提交
- vs2010 backspace enter等不能用
- 【MFC 中】如何屏蔽Esc和Enter
- 【MFC 中】如何屏蔽Esc和Enter
- xface禁用control+alt+backspace快捷键
- easyui中如何禁用tab选项卡的f5以及enter建
- js 禁用Enter 自动提交事件
- 禁用Enter键表单自动提交
- 169. Majority Element -- 字典
- 使用CAShapeLayer实现画笔
- Log、Rlog和Slog的区别
- ionic+requirejs实现图片的懒加载
- linux下客户端检测服务器的 heartbeat
- 如何禁用backspace和enter
- Sublime Text 3 LESS、SASS、SCSS高亮插件、提示插件
- 关于java中Double类型的运算精度问题
- (13.2.1)Scrum敏捷开发框架
- [转载]使用electron构建跨平台Node.js桌面应用经验分享
- 多线程NSOperation--NSInvocationOperation 和 NSBlockOperation 使用(一)
- Ceph对象存储测试中遇到的bucket名称的大小写问题
- 1随机变量及其概率分布
- Centos7安装Shadowsocks-qt5后无法打开的问题