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函数
Dec 22 Javascript
AeroWindow 基于JQuery的弹出窗口插件
Jun 27 Javascript
Javascript浅谈之this
Dec 17 Javascript
jQuery中clone()方法用法实例
Jan 16 Javascript
jquery实现下拉框多选方法介绍
Jan 03 Javascript
javascript自执行函数
Feb 10 Javascript
Bootstrap禁用响应式布局的实现方法
Mar 09 Javascript
基于JavaScript实现的希尔排序算法分析
Apr 14 Javascript
微信小程序自定义键盘 内部虚拟支付
Dec 20 Javascript
详解小程序退出页面时清除定时器
Apr 28 Javascript
vue+elementUI实现图片上传功能
Aug 20 Javascript
JavaScript实现拖拽效果
Mar 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数组输出html表格的方法
2014/02/24 PHP
PHP MVC框架skymvc支持多文件上传
2016/05/26 PHP
基于PHP实现短信验证码接口(容联运通讯)
2016/09/06 PHP
php实现遍历文件夹的方法汇总
2017/03/02 PHP
thinkphp查询,3.X 5.0方法(亲试可行)
2017/06/17 PHP
PHP+MySQL使用mysql_num_rows实现模糊查询图书信息功能
2018/05/31 PHP
PHP预定义超全局数组变量小结
2018/08/20 PHP
Thinkphp 框架扩展之标签库驱动原理与用法分析
2020/04/23 PHP
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
2012/08/22 Javascript
jquery easyui中treegrid用法的简单实例
2014/02/18 Javascript
js打造数组转json函数
2015/01/14 Javascript
JS实现的4种数字千位符格式化方法分享
2015/03/02 Javascript
jQuery跨域问题解决方案
2015/08/03 Javascript
gulp-uglify 与gulp.watch()配合使用时报错(重复压缩问题)
2016/08/24 Javascript
浅谈JavaScript 数据属性和访问器属性
2016/09/01 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
2016/10/24 Javascript
如何判断出一个js对象是否一个dom对象
2016/11/24 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
2017/02/09 Javascript
打造通用的匀速运动框架(实例讲解)
2017/10/17 Javascript
JS去掉字符串中所有的逗号
2017/10/18 Javascript
VUE 实现复制内容到剪贴板的两种方法
2019/04/24 Javascript
vue实现动态按钮功能
2019/05/13 Javascript
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
2020/04/07 Javascript
javascript实现前端分页效果
2020/06/24 Javascript
vue2和vue3的v-if与v-for优先级对比学习
2020/10/10 Javascript
[42:32]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第二场 11.27
2020/12/01 DOTA
探究Python中isalnum()方法的使用
2015/05/18 Python
python控制nao机器人身体动作实例详解
2019/04/29 Python
pytorch实现mnist分类的示例讲解
2020/01/10 Python
Python object类中的特殊方法代码讲解
2020/03/06 Python
使用Python实现批量ping操作方法
2020/05/06 Python
浅谈tensorflow使用张量时的一些注意点tf.concat,tf.reshape,tf.stack
2020/06/23 Python
英国最大的宝石首饰超市:QP Jewellers
2018/09/23 全球购物
Brydge英国:适用于Apple iPad和Microsoft Surface Pro的蓝牙键盘
2019/05/16 全球购物
薇姿法国官网:Vichy法国
2021/01/28 全球购物
优秀员工自荐信范文
2013/10/05 职场文书