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 1.9使用$.support替代$.browser的使用方法
May 27 Javascript
一款基于jQuery的图片场景标注提示弹窗特效
Jan 05 Javascript
基于jquery实现瀑布流布局
Jun 28 Javascript
js实现图片无缝滚动特效
Mar 19 Javascript
Angularjs中使用Filters详解
Mar 11 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
Aug 19 Javascript
基于Layer+jQuery的自定义弹框
May 26 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
Feb 02 Javascript
Vue.js下拉菜单组件使用方法详解
Oct 19 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
Mar 12 Javascript
Vue为什么要谨慎使用$attrs与$listeners
Aug 27 Javascript
js实现鼠标拖曳效果
Dec 30 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
Adodb的十个实例(清晰版)
2006/12/31 PHP
php cli 方式 在crotab中运行解决
2010/02/08 PHP
windows下升级PHP到5.3.3的过程及注意事项
2010/10/12 PHP
改写函数实现PHP二维/三维数组转字符串
2013/09/13 PHP
功能强大的php分页函数
2016/07/20 PHP
php中preg_replace正则替换用法分析【一次替换多个值】
2017/01/17 PHP
jQuery 绑定事件到动态创建的元素上的方法实例
2013/08/18 Javascript
Javascript selection的兼容性写法介绍
2013/12/20 Javascript
纯javascript判断查询日期是否为有效日期
2015/08/24 Javascript
探索Javascript中this的奥秘
2016/12/11 Javascript
jQuery表单插件ajaxForm实例详解
2017/01/17 Javascript
Vue中Table组件Select的勾选和取消勾选事件详解
2019/03/19 Javascript
微信小程序在text文本实现多种字体样式
2019/11/08 Javascript
[06:06]2018DOTA2亚洲邀请赛主赛事第四日战况回顾 全明星赛欢乐上演
2018/04/07 DOTA
使用Python制作获取网站目录的图形化程序
2015/05/04 Python
python 队列详解及实例代码
2016/10/18 Python
Python数字图像处理之霍夫线变换实现详解
2018/01/12 Python
python梯度下降法的简单示例
2018/08/31 Python
Python 数值区间处理_对interval 库的快速入门详解
2018/11/16 Python
python 与服务器的共享文件夹交互方法
2018/12/27 Python
Python3.5内置模块之os模块、sys模块、shutil模块用法实例分析
2019/04/27 Python
在Tensorflow中查看权重的实现
2020/01/24 Python
基于python-pptx库中文文档及使用详解
2020/02/14 Python
如何基于Python Matplotlib实现网格动画
2020/07/20 Python
CSS3中的弹性布局em运用入门详解 1em等于多少像素
2021/02/08 HTML / CSS
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
2016/12/15 HTML / CSS
兰芝美国网上商城:购买LANEIGE睡眠面膜等
2017/06/30 全球购物
初二生物教学反思
2014/02/03 职场文书
2014全国两会心得体会
2014/03/17 职场文书
《特殊的葬礼》教学反思
2014/04/27 职场文书
售后服务承诺函格式
2015/01/21 职场文书
酒店开业主持词
2015/07/02 职场文书
特种设备安全管理制度
2015/08/06 职场文书
如何让2019年上半年的工作总结更出色!
2019/07/01 职场文书
致创业的您:这类人不适合餐饮创业
2019/08/19 职场文书
Nginx配置之禁止指定IP访问
2022/05/02 Servers