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 - HTML的request类
Jan 09 Javascript
createElement与createDocumentFragment的点点区别小结
Dec 19 Javascript
游览器中javascript的执行过程(图文)
May 20 Javascript
JQuery解析HTML、JSON和XML实例详解
Mar 29 Javascript
jQuery制作仿Mac Lion OS滚动条效果
Feb 10 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
May 05 Javascript
AngularJS双向绑定和依赖反转实例详解
Apr 15 Javascript
Angular排序实例详解
Jun 28 Javascript
JavaScript 中的 this 简单规则
Sep 19 Javascript
深入浅出了解Node.js Streams
May 27 Javascript
微信小程序 scroll-view 实现锚点跳转功能
Dec 12 Javascript
JavaScript原型链中函数和对象的理解
Jun 16 Javascript
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自定义函数判断是否为Get、Post及Ajax提交的方法
2017/07/27 PHP
菜鸟学习JavaScript小实验之函数引用
2010/11/17 Javascript
JS复制内容到剪切板的实例代码(兼容IE与火狐)
2013/11/19 Javascript
js替代copy(示例代码)
2013/11/27 Javascript
Event altKey,ctrlKey,shiftKey属性解析
2013/12/18 Javascript
jQuery中has()方法用法实例
2015/01/06 Javascript
javascript-解决mongoose数据查询的异步操作
2016/12/22 Javascript
vue2 前后端分离项目ajax跨域session问题解决方法
2017/04/27 Javascript
Vue组件通信实践记录(推荐)
2017/08/15 Javascript
微信小程序之自定义组件的实现代码(附源码)
2018/08/02 Javascript
优雅的elementUI table单元格可编辑实现方法详解
2018/12/23 Javascript
微信小程序BindTap快速连续点击目标页面跳转多次问题处理
2019/04/08 Javascript
Nuxt.js nuxt-link与router-link的区别说明
2020/11/06 Javascript
详解基于element的区间选择组件校验(交易金额)
2021/01/07 Javascript
[01:29]2014DOTA2展望TI 剑指西雅图DK战队专访
2014/06/30 DOTA
[02:36]DOTA2亚洲邀请赛小组赛精彩集锦:EE凭借法力虚空拿下4杀
2017/03/30 DOTA
python中常用检测字符串相关函数汇总
2015/04/15 Python
pandas每次多Sheet写入文件的方法
2018/12/10 Python
python用插值法绘制平滑曲线
2021/02/19 Python
对Python实现累加函数的方法详解
2019/01/23 Python
利用Python将图片中扭曲矩形的复原
2020/09/07 Python
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
CSS3新增布局之: flex详解
2020/06/18 HTML / CSS
美国Lolё官网:购买大胆而美丽的女性运动服装
2017/05/22 全球购物
ASOS比利时:英国线上零售商及自有品牌
2018/07/29 全球购物
大学旷课检讨书
2014/01/28 职场文书
《蚂蚁和蝈蝈》教学反思
2014/02/24 职场文书
《陈涉世家》教学反思
2014/04/12 职场文书
10的分与合教学反思
2014/04/30 职场文书
个性婚礼策划方案
2014/05/17 职场文书
消防安全宣传标语
2014/06/07 职场文书
工资证明格式模板
2015/06/12 职场文书
标准发言稿结尾
2019/07/18 职场文书
图文详解nginx日志切割的实现
2022/01/18 Servers
NodeJs使用webpack打包项目的方法详解
2022/02/28 NodeJs
Java 写一个简单的图书管理系统
2022/04/26 Java/Android