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 选项卡效果(JS与HTML的分离)
Apr 01 Javascript
javascript复制对象使用说明
Jun 28 Javascript
JS通过相同的name进行表格求和代码
Aug 18 Javascript
jquery进行数组遍历如何跳出当前的each循环
Jun 05 Javascript
jQuery动态加载css文件实现方法
Jun 15 Javascript
基于js实现checkbox批量选中操作
Nov 22 Javascript
JavaScript中利用构造器函数模拟类的方法
Feb 16 Javascript
详解前端路由实现与react-router使用姿势
Aug 07 Javascript
详解如何在你的Vue项目配置vux
Jun 04 Javascript
使用JavaScript生成罗马字符的实例代码
Jun 08 Javascript
灵活使用console让js调试更简单的方法步骤
Apr 23 Javascript
Vue实现鼠标经过文字显示悬浮框效果的示例代码
Oct 14 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递归遍历多维数组的方法
2015/04/18 PHP
thinkPHP数据查询常用方法总结【select,find,getField,query】
2017/03/15 PHP
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
2010/11/05 Javascript
JavaScript 程序编码规范
2010/11/23 Javascript
ASP.NET中基于JQUERY的高性能的TreeView补充
2011/02/23 Javascript
EasyUI 中 MenuButton 的使用方法
2012/07/14 Javascript
jQuery解决input超多的表单提交
2015/08/10 Javascript
jQuery插件扩展extend的简单实现原理
2016/06/24 Javascript
JS实现的样式切换功能tableCSS实例
2016/12/30 Javascript
详解Node.js开发中的express-session
2017/05/19 Javascript
微信小程序实现手势图案锁屏功能
2018/01/30 Javascript
浅谈webpack打包过程中因为图片的路径导致的问题
2018/02/21 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
2018/04/27 Javascript
socket io与vue-cli的结合使用的示例代码
2018/11/01 Javascript
vue下拉菜单组件(含搜索)的实现代码
2018/11/25 Javascript
webpack常用构建优化策略小结
2019/11/21 Javascript
JS实现横向轮播图(初级版)
2020/06/24 Javascript
python文件操作整理汇总
2014/10/21 Python
python 转换 Javascript %u 字符串为python unicode的代码
2016/09/06 Python
使用Python实现一个栈判断括号是否平衡
2018/08/23 Python
Python批量查询关键词微信指数实例方法
2019/06/27 Python
python爬虫 urllib模块发起post请求过程解析
2019/08/20 Python
Pytorch之parameters的使用
2019/12/31 Python
解决CSS3的opacity属性带来的层叠顺序问题
2016/05/09 HTML / CSS
Java TransactionAPI (JTA) 主要包含几部分
2012/12/07 面试题
迟到检讨书1000字
2014/01/15 职场文书
机电职业生涯规划书范文
2014/03/08 职场文书
《悯农》教学反思
2014/04/28 职场文书
投标保密承诺书
2014/05/19 职场文书
财务负责人任命书
2014/06/06 职场文书
小学领导班子对照材料
2014/08/23 职场文书
2014年留守儿童工作总结
2014/12/10 职场文书
2014年法院个人工作总结
2014/12/17 职场文书
武侯祠导游词
2015/02/04 职场文书
Python中常见的反爬机制及其破解方法总结
2021/06/10 Python
Python 实现Mac 屏幕截图详解
2021/10/05 Python