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 相关文章推荐
ToolTips JQEURY插件之简洁小提示框效果
Nov 19 Javascript
jQuery布局插件UI Layout简介及使用方法
Apr 03 Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
Oct 31 Javascript
js实现仿百度瀑布流的方法
Feb 05 Javascript
JavaScript使用replace函数替换字符串的方法
Apr 06 Javascript
jfreechart插件将数据展示成饼状图、柱状图和折线图
Apr 13 Javascript
JS实现仿google、百度搜索框输入信息智能提示的实现方法
Apr 20 Javascript
浅谈javascript 函数表达式和函数声明的区别
Jan 05 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
Dec 22 Javascript
Windows下Node.js安装及环境配置方法
Sep 18 Javascript
JS定义函数的几种常用方法小结
May 23 Javascript
js实现选项卡效果
Mar 07 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实现网站插件机制的方法
2009/11/10 PHP
ThinkPHP模板引擎之导入资源文件方法详解
2014/06/18 PHP
PHP读取配置文件类实例(可读取ini,yaml,xml等)
2015/07/28 PHP
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
2010/08/13 Javascript
jQuery标签编辑插件Tagit使用指南
2015/04/21 Javascript
JavaScript对象数组排序函数及六个用法
2015/12/23 Javascript
jquery实现全选功能效果的实现代码
2016/05/05 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
2016/05/20 Javascript
jQuery.uploadify文件上传组件实例讲解
2016/09/23 Javascript
IOS中safari下的select下拉菜单文字过长不换行的解决方法
2016/09/26 Javascript
微信小程序 欢迎页面的制作(源码下载)
2017/01/09 Javascript
用file标签实现多图文件上传预览
2017/02/14 Javascript
简单的vuex 的使用案例笔记
2018/04/13 Javascript
JavaScript函数、闭包、原型、面向对象学习笔记
2018/09/06 Javascript
vue如何根据网站路由判断页面主题色详解
2018/11/02 Javascript
RxJS的入门指引和初步应用
2019/06/15 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
2021/01/29 Javascript
Python的string模块中的Template类字符串模板用法
2016/06/27 Python
深度定制Python的Flask框架开发环境的一些技巧总结
2016/07/12 Python
python 实现红包随机生成算法的简单实例
2017/01/04 Python
如何优雅地改进Django中的模板碎片缓存详解
2018/07/04 Python
Python读取数据集并消除数据中的空行方法
2018/07/12 Python
Python爬取个人微信朋友信息操作示例
2018/08/03 Python
python使用requests模块实现爬取电影天堂最新电影信息
2019/04/03 Python
Django关于admin的使用技巧和知识点
2020/02/10 Python
属性与 @property 方法让你的python更高效
2020/09/21 Python
Python3使用 GitLab API 进行批量合并分支
2020/10/15 Python
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
关于webview适配H5上传照片或者视频文件的方法
2020/11/04 HTML / CSS
世界上最大的家庭自动化公司:Smarthome
2017/12/20 全球购物
来自Ocado的宠物商店:Fetch
2018/07/10 全球购物
出纳岗位职责范本
2013/12/01 职场文书
校友会欢迎辞
2014/01/13 职场文书
安康杯竞赛活动总结
2014/05/05 职场文书
早读课迟到检讨书
2014/09/25 职场文书