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 相关文章推荐
javascript 哈希表(hashtable)的简单实现
Jan 20 Javascript
json格式化/压缩工具 Chrome插件扩展版
May 25 Javascript
事件模型在各浏览器中存在差异
Oct 20 Javascript
Node.js和MongoDB实现简单日志分析系统
Apr 25 Javascript
jQuery实现新消息在网页标题闪烁提示
Jun 23 Javascript
弹出遮罩层后禁止滚动效果【实现代码】
Apr 29 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
May 20 Javascript
javascript 用函数实现继承详解
May 28 Javascript
在js代码拼接dom对象到页面上去的模板总结(必看)
Feb 14 Javascript
原生JS实现圣旨卷轴展开效果
Mar 06 Javascript
微信小程序实现渐入渐出动画效果
Jun 13 Javascript
Vue实现摇一摇功能(兼容ios13.3以上)
Jan 26 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的简单采集数据入库程序【续篇】
2014/07/30 PHP
Zend Guard使用指南及问题处理
2015/01/07 PHP
Thinkphp和onethink实现微信支付插件
2016/04/13 PHP
Aster vs KG BO3 第三场2.18
2021/03/10 DOTA
jquery中的常用事件bind、hover、toggle等示例介绍
2014/07/21 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
2016/01/05 Javascript
基于JavaScript实现带缩略图的轮播效果
2017/01/12 Javascript
Javascript中document.referrer隐藏来源的方法
2017/01/16 Javascript
vue.js 获取select中的value实例
2018/03/01 Javascript
Angularjs实现页面模板清除的方法
2018/07/20 Javascript
详解Webpack-dev-server的proxy用法
2018/09/08 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
2019/09/06 Javascript
原生js实现俄罗斯方块
2020/10/20 Javascript
python操作MySQL数据库的方法分享
2012/05/29 Python
解决Python requests库编码 socks5代理的问题
2018/05/07 Python
django 多数据库配置教程
2018/05/30 Python
浅析Python函数式编程
2018/10/06 Python
django 连接数据库 sqlite的例子
2019/08/14 Python
Python高级property属性用法实例分析
2019/11/19 Python
python中的subprocess.Popen()使用详解
2019/12/25 Python
tensorflow 查看梯度方式
2020/02/04 Python
Python datetime 格式化 明天,昨天实例
2020/03/02 Python
Django调用支付宝接口代码实例详解
2020/04/04 Python
详解python with 上下文管理器
2020/09/02 Python
python中的垃圾回收(GC)机制
2020/09/21 Python
中国跨境海淘网站:考拉海购
2016/08/01 全球购物
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
意大利火车票和铁路通行证专家:ItaliaRail
2019/01/22 全球购物
时尚圣经:The Fashion Bible
2019/03/03 全球购物
《湘夫人》教学反思
2014/02/21 职场文书
中学生操行评语
2014/04/24 职场文书
合唱兴趣小组活动总结
2014/07/10 职场文书
办理信用卡工作证明
2014/09/30 职场文书
小数乘法教学反思
2016/02/22 职场文书
用Python提取PDF表格的方法
2021/04/11 Python
JavaScript实现简单计时器
2021/06/22 Javascript