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查看html源文件
Nov 08 Javascript
幻宇的层模拟窗口效果-提供演示和下载
Jan 20 Javascript
window.dialogArguments 使用说明
Apr 11 Javascript
什么是 AngularJS?AngularJS简介
Dec 06 Javascript
使用Plupload实现直接上传附件至七牛云存储
Dec 26 Javascript
JavaScript函数内部属性和函数方法实例详解
Mar 17 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
Jun 06 Javascript
Angular2里获取(input file)上传文件的内容的方法
Sep 05 Javascript
vue双向数据绑定知识点总结
Apr 18 Javascript
为什么要使用Vuex的介绍
Jan 19 Javascript
React+Antd+Redux实现待办事件的方法
Mar 14 Javascript
在Angular中实现一个级联效果的下拉框的示例代码
May 20 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冒泡排序
2014/12/30 PHP
PHP图形计数器程序显示网站用户浏览量
2016/07/20 PHP
PHP实现简单计算器小程序
2020/08/28 PHP
PHP5.5基于mysqli连接MySQL数据库和读取数据操作实例详解
2019/02/16 PHP
File, FileReader 和 Ajax 文件上传实例分析(php)
2011/04/27 Javascript
jqgrid 简单学习笔记
2011/05/03 Javascript
js将当前时间格式转换成时间搓(自写)
2013/09/26 Javascript
Jquery中map函数的用法
2016/06/03 Javascript
JS对象是否拥有某属性如何判断
2017/02/03 Javascript
原生JavaScript实现Ajax异步请求
2017/11/19 Javascript
three.js中文文档学习之通过模块导入
2017/11/20 Javascript
基于jquery的on和click的区别详解
2018/01/15 jQuery
vue中 数字相加为字串转化为数值的例子
2019/11/07 Javascript
JavaScript中reduce()的5个基本用法示例
2020/07/19 Javascript
[01:07:46]完美世界DOTA2联赛循环赛 Magma vs IO BO2第二场 11.01
2020/11/02 DOTA
[46:20]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第二场 1月22日
2021/03/11 DOTA
在Python中使用CasperJS获取JS渲染生成的HTML内容的教程
2015/04/09 Python
Python读取键盘输入的2种方法
2015/06/16 Python
[原创]教女朋友学Python3(二)简单的输入输出及内置函数查看
2017/11/30 Python
Python中的单继承与多继承实例分析
2018/05/10 Python
Python3简单实现串口通信的方法
2019/06/12 Python
扩展Django admin的list_filter()可使用范围方法
2019/08/21 Python
python DataFrame转dict字典过程详解
2019/12/26 Python
6行Python代码实现进度条效果(Progress、tqdm、alive-progress​​​​​​​和PySimpleGUI库)
2020/01/06 Python
Win10下安装并使用tensorflow-gpu1.8.0+python3.6全过程分析(显卡MX250+CUDA9.0+cudnn)
2020/02/17 Python
如何基于线程池提升request模块效率
2020/04/18 Python
python如何保存文本文件
2020/06/07 Python
美国在线面料商店:Online Fabric Store
2018/07/26 全球购物
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
下述程序的作用是计算机数组中的最大元素值及其下标
2012/11/26 面试题
服装电子商务创业计划书
2014/01/30 职场文书
责任书范本
2014/08/25 职场文书
铅球加油稿100字
2014/09/26 职场文书
党支部四风整改方案
2014/10/25 职场文书
2016年学校综治宣传月活动总结
2016/03/16 职场文书
导游词之北京明十三陵
2019/10/28 职场文书