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 写类方式之七
Jul 05 Javascript
JavaScript 匿名函数和闭包介绍
Apr 13 Javascript
微信小程序 Nginx环境配置详细介绍
Feb 14 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
浅谈js-FCC算法Friendly Date Ranges(详解)
Apr 10 Javascript
JS实现简单的浮动碰撞效果示例
Dec 28 Javascript
Vue2.5通过json文件读取数据的方法
Feb 27 Javascript
vue中导出Excel表格的实现代码
Oct 18 Javascript
Angular.JS读取数据库数据调用完整实例
Jul 02 Javascript
js针对图片加载失败的处理方法分析
Aug 24 Javascript
npm 语义版本控制详解
Sep 10 Javascript
js实现简单的秒表
Jan 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
用ADODB来让PHP操作ACCESS数据库的方法
2006/12/31 PHP
6种php上传图片重命名的方法实例
2013/11/04 PHP
PHP内置加密函数详解
2016/11/20 PHP
yii2实现 &quot;上一篇,下一篇&quot; 功能的代码实例
2017/02/04 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
2013/10/17 Javascript
table对象中的insertRow与deleteRow使用示例
2014/01/26 Javascript
使用GruntJS构建Web程序之构建篇
2014/06/04 Javascript
javascript学习笔记(七)Ajax和Http状态码
2014/10/08 Javascript
javascript Array 数组常用方法
2015/04/05 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
2015/11/24 Javascript
KnockoutJS 3.X API 第四章之数据控制流foreach绑定
2016/10/10 Javascript
bootstrap组件之按钮式下拉菜单小结
2017/01/19 Javascript
将jquery.qqFace.js表情转换成微信的字符码
2017/12/01 jQuery
微信小程序提交form操作示例
2018/12/30 Javascript
JavaScript的变量声明与声明提前用法实例分析
2019/11/26 Javascript
详解JavaScript中精度失准问题及解决方法
2020/02/04 Javascript
python中使用pyhook实现键盘监控的例子
2014/07/18 Python
Python基于opencv的图像压缩算法实例分析
2018/05/03 Python
使用Numpy读取CSV文件,并进行行列删除的操作方法
2018/07/04 Python
Matplotlib scatter绘制散点图的方法实现
2020/01/02 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
python 解决selenium 中的 .clear()方法失效问题
2020/09/01 Python
通过python-pptx模块操作ppt文件的方法
2020/12/26 Python
css3实现文字扫光渐变动画效果的示例
2017/11/07 HTML / CSS
英国时尚饰品和发饰购物网站:Claire’s
2017/07/04 全球购物
美国战术品牌:5.11 Tactical
2019/05/01 全球购物
TecoBuy澳大利亚:在线电子和小工具商店
2020/06/25 全球购物
SQL Server 2000数据库的文件有哪些,分别进行描述。
2015/11/09 面试题
20年同学聚会感言
2014/02/03 职场文书
饭店服务员岗位职责
2015/02/09 职场文书
社区重阳节活动总结
2015/03/24 职场文书
情感电台广播稿
2015/08/18 职场文书
在 HTML 页面中使用 React的场景分析
2022/01/18 Javascript
Python TypeError: ‘float‘ object is not subscriptable错误解决
2022/12/24 Python
css清除浮动clearfix:after的用法详解(附完整代码)
2023/05/21 HTML / CSS