js 禁用只读文本框获得焦点时的退格键


Posted in Javascript onApril 25, 2010

有时候难免会要用到只读的文本框,可今天发现只读文本框有一个缺陷,当鼠标焦点在文本框里面的时候按回退键(backSpace), 会退回到前一个页面,这个问题就有点烦恼了,用户又不清楚可不可以输入,他如果看到文本框想去改里面的东西,按一下,有可能前面所有填写的数据就会丢失.故此写了个方法,供大伙有需要时放入<script></script>,保管你称心如意。

document.documentElement.onkeydown = function(evt){ 
var b = !!evt, oEvent = evt || window.event; 
if (oEvent.keyCode == 8) { 
var node = b ? oEvent.target : oEvent.srcElement; 
var reg = /^(input|textarea)$/i, regType = /^(text|textarea)$/i; 
if (!reg.test(node.nodeName) || !regType.test(node.type) || node.readOnly || node.disabled) { 
if (b) 
{ 
oEvent.stopPropagation(); 
} 
else 
{ 
oEvent.cancelBubble = true; 
oEvent.keyCode = 0; 
oEvent.returnValue = false; 
} 
} 
} 
}
Javascript 相关文章推荐
模仿JQuery.extend函数扩展自己对象的js代码
Dec 09 Javascript
JavaScript 原型继承
Dec 26 Javascript
密码强度检测效果实现原理与代码
Jan 04 Javascript
js中for in的用法示例解析
Dec 25 Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 Javascript
AngularJS使用angular-formly进行表单验证
Dec 27 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
Jan 05 Javascript
JavaScrpt中如何使用 cookie 设置查看与删除功能
Jul 09 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
Aug 17 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
Aug 02 Javascript
VUE实现强制渲染,强制更新
Oct 29 Javascript
vue集成一个支持图片缩放拖拽的富文本编辑器
Jan 29 Vue.js
js 内存释放问题
Apr 25 #Javascript
JavaScript 对象链式操作测试代码
Apr 25 #Javascript
网页上的Javascript编辑器和代码格式化
Apr 25 #Javascript
jQuery温习篇 强大的JQuery选择器
Apr 24 #Javascript
javascript 二分法(数组array)
Apr 24 #Javascript
JS判断是否为数字,是否为整数,是否为浮点数的代码
Apr 24 #Javascript
JavaScript 比较时间大小的代码
Apr 24 #Javascript
You might like
用PHP查询域名状态whois的类
2006/11/25 PHP
php对象在内存中的存在形式分析
2015/02/03 PHP
用javascript实现分割提取页面所需内容
2007/05/09 Javascript
几个有趣的Javascript Hack
2010/07/24 Javascript
seaJs的模块定义和模块加载浅析
2014/06/06 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
2016/04/13 Javascript
jquery 追加元素append、prepend、before、after用法与区别分析
2016/12/02 Javascript
详解vee-validate的使用个人小结
2017/06/07 Javascript
VUE元素的隐藏和显示(v-show指令)
2017/06/23 Javascript
vue.js中父组件调用子组件的内部方法示例
2017/10/22 Javascript
webpack3之loader全解析
2017/10/26 Javascript
Vuex 进阶之模块化组织详解
2018/01/12 Javascript
微信小程序实现流程进度的图样式功能
2018/01/16 Javascript
解决vue v-for 遍历循环时key值报错的问题
2018/09/06 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
如何为vuex实现带参数的 getter和state.commit
2019/01/04 Javascript
用webpack4开发小程序的实现方法
2019/06/04 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
2019/06/19 jQuery
JavaScript中的各种宽高属性的实现
2020/05/08 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
2020/05/22 Javascript
vue 子组件watch监听不到prop的解决
2020/08/09 Javascript
Python使用pyserial进行串口通信的实例
2019/07/02 Python
关于tensorflow的几种参数初始化方法小结
2020/01/04 Python
tensorflow mnist 数据加载实现并画图效果
2020/02/05 Python
详解Python中list[::-1]的几种用法
2020/11/16 Python
毕业自荐书
2013/12/09 职场文书
自荐信范文
2013/12/10 职场文书
2014学习全国两会精神心得体会2000字
2014/03/11 职场文书
企业文化建设实施方案
2014/03/22 职场文书
春节请假条
2014/04/11 职场文书
细节决定成败演讲稿
2014/05/12 职场文书
师德模范事迹材料
2014/06/03 职场文书
党员个人剖析材料2014
2014/10/08 职场文书
2014感恩节演讲稿大全
2014/10/11 职场文书
户外拓展训练感想
2015/08/07 职场文书
uniapp开发小程序的经验总结
2021/04/08 Javascript