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 简单图片导航插件jquery.imgNav.js
Mar 17 Javascript
jQuery 选择器项目实例分析及实现代码
Dec 28 Javascript
文本域光标操作的jQuery扩展分享
Mar 10 Javascript
详解Javascript动态操作CSS
Dec 08 Javascript
jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
Feb 25 Javascript
常用的js验证和数据处理总结
Aug 02 Javascript
JS实现拖拽的方法分析
Dec 20 Javascript
vue-cli配置文件——config篇
Jan 04 Javascript
webpack4 css打包压缩问题的解决
May 18 Javascript
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
Jun 28 Javascript
JavaScript中的事件与异常捕获详析
Feb 24 Javascript
jQuery实现可编辑的表格
Dec 11 jQuery
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模块 Memcached功能多于Memcache
2011/06/14 PHP
如何使用Strace调试工具
2013/06/03 PHP
一个简洁实用的PHP缓存类完整实例
2014/07/26 PHP
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
2010/04/29 Javascript
理解Javascript_01_理解内存分配原理分析
2010/10/11 Javascript
Javascript开发之三数组对象实例介绍
2012/11/12 Javascript
jquery 实现上下滚动效果示例代码
2013/08/09 Javascript
使用JavaScript实现Java的List功能(实例讲解)
2013/11/07 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
2013/12/14 Javascript
JS比较两个时间大小的简单示例代码
2013/12/20 Javascript
轻松创建nodejs服务器(9):实现非阻塞操作
2014/12/18 NodeJs
js获取页面description的方法
2015/05/21 Javascript
Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能
2015/11/02 Javascript
浅析angularJS中的ui-router和ng-grid模块
2016/05/20 Javascript
BootStrap selectpicker
2016/06/20 Javascript
JS判断iframe是否加载完成的方法
2016/08/03 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
2016/11/29 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
Javascript中引用类型传递的知识点小结
2017/03/06 Javascript
使用webpack-dev-server处理跨域请求的方法
2018/04/18 Javascript
JavaScript实现新年倒计时效果
2018/11/17 Javascript
Python Tkinter简单布局实例教程
2014/09/03 Python
使用python批量读取word文档并整理关键信息到excel表格的实例
2018/11/07 Python
django的settings中设置中文支持的实现
2019/04/28 Python
Python 使用 PyMysql、DBUtils 创建连接池提升性能
2019/08/14 Python
python 利用pywifi模块实现连接网络破解wifi密码实时监控网络
2019/09/16 Python
Python获取对象属性的几种方式小结
2020/03/12 Python
解决django FileFIELD的编码问题
2020/03/30 Python
通过实例解析Python RPC实现原理及方法
2020/07/07 Python
python爬取天气数据的实例详解
2020/11/20 Python
美国花园雕像和家居装饰网上商店:Design Toscano
2019/03/09 全球购物
写好求职应聘自荐信的三部曲
2013/09/21 职场文书
自动化专业本科毕业生求职信
2013/10/20 职场文书
企业安全生产责任书范本
2014/07/28 职场文书
五一放假通知怎么写
2015/08/18 职场文书
mysql如何能有效防止删库跑路
2021/10/05 MySQL