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 相关文章推荐
收藏一些不常用,但是有用的代码
Mar 12 Javascript
关于jquery中全局函数each使用介绍
Dec 10 Javascript
jQuery产品间断向下滚动效果核心代码
May 08 Javascript
Javascript仿PHP $_GET获取URL中的参数
May 12 Javascript
Javascript学习笔记之函数篇(四):arguments 对象
Nov 23 Javascript
Javascript实现的简单右键菜单类
Sep 23 Javascript
js判断当前页面用什么浏览器打开的方法
Jan 06 Javascript
jQuery select自动选中功能实现方法分析
Nov 28 Javascript
JavaScript表单验证完美代码
Mar 02 Javascript
详解Vue CLI3配置解析之css.extract
Sep 14 Javascript
layui 图片上传+表单提交+ Spring MVC的实例
Sep 21 Javascript
JS Canvas接口和动画效果大全
Apr 29 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
thinkphp的CURD和查询方式介绍
2013/12/19 PHP
通过php修改xml文档内容的方法
2015/01/23 PHP
php+html5基于websocket实现聊天室的方法
2015/07/17 PHP
php简单计算年龄的方法(周岁与虚岁)
2016/12/06 PHP
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
2011/11/14 Javascript
解析页面加载与js函数的执行 onload or ready
2013/12/12 Javascript
javascript对象的使用和属性操作示例详解
2014/03/02 Javascript
js自制图片放大镜功能
2017/01/24 Javascript
node.js中cluster的使用教程
2017/06/09 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
2017/08/21 Javascript
微信小程序使用request网络请求操作实例
2017/12/15 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
react-router-dom 嵌套路由的实现
2020/05/02 Javascript
Python中的exec、eval使用实例
2014/09/23 Python
用Python制作简单的钢琴程序的教程
2015/04/01 Python
在Python中测试访问同一数据的竞争条件的方法
2015/04/23 Python
Python计算三角函数之asin()方法的使用
2015/05/15 Python
Python Opencv任意形状目标检测并绘制框图
2019/07/23 Python
用Pytorch训练CNN(数据集MNIST,使用GPU的方法)
2019/08/19 Python
python爬虫之遍历单个域名
2019/11/20 Python
Python3实现飞机大战游戏
2020/04/24 Python
利用PyTorch实现VGG16教程
2020/06/24 Python
印度尼西亚最大和最全面的网络商城:Blibli.com
2017/10/04 全球购物
美国最古老的精致书写工具制造商:A.T. Cross(高仕)
2018/01/30 全球购物
运动服饰每月订阅盒:Ellie
2018/04/29 全球购物
Bailey帽子官方商店:Bailey Hats
2018/09/25 全球购物
美国最大婚纱连锁店运营商:David’s Bridal
2019/03/12 全球购物
Pedro官网:新加坡时尚品牌
2019/08/27 全球购物
《雨霖铃》教学反思
2014/02/22 职场文书
父母对孩子的寄语
2014/04/09 职场文书
小学生竞选班干部演讲稿
2014/04/24 职场文书
运动会广播稿200字(10篇)
2014/10/12 职场文书
学生违反校规检讨书
2014/10/28 职场文书
2016教师节感恩话语
2015/12/09 职场文书
2016大学生入党积极分子心得体会
2016/01/06 职场文书
python字符串常规操作大全
2021/05/02 Python