js 禁用只读文本框获得焦点时的退格键
时间:2024-04-19 10:25:41
有时候难免会要用到只读的文本框,可今天发现只读文本框有一个缺陷,当鼠标焦点在文本框里面的时候按回退键(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;
}
}
}
}
标签:js,只读文本框,退格键
0
投稿
猜你喜欢
MySQL过滤数据操作方法梳理
2024-01-24 23:55:55
Python中JSON的使用方法(超详细)
2023-11-15 23:04:19
VUE3中watch监听使用实例详解
2024-05-29 22:42:16
MySQL如何修改字段的默认值和空值
2024-01-16 16:57:22
有用的:nth-child秘方
2011-07-01 12:56:11
python3 requests中文乱码之压缩格式问题解析
2021-12-13 17:03:28
Python正则表达式中group与groups的用法详解
2022-02-13 16:16:27
mysql 5.7.19 winx64免安装版配置教程
2024-01-14 00:27:36
Python面向对象特殊属性及方法解析
2022-05-19 15:16:06
selenium+python自动化测试之页面元素定位
2021-09-30 18:08:55
设计中基于人类学的田野调查与比较研究法 ——浅谈用研与竞品分析方法之理论基础
2009-08-31 16:45:00
浅谈numpy.where() 的用法和np.argsort()的用法说明
2022-03-12 01:52:23
python使用itchat模块给心爱的人每天发天气预报
2023-04-12 00:34:26
python字符串大小写转换的三种方法
2021-11-09 15:04:51
Python实现贪吃蛇小游戏(单人模式)
2023-09-26 23:14:42
golang中tar压缩和解压文件详情
2024-05-10 13:58:46
js简易namespace管理器 实例代码
2024-04-22 13:23:36
如何在 Vue 表单中处理图片
2024-05-02 16:10:08
MySQL查询条件常见用法详解
2024-01-16 10:10:22
python中的load、loads实现反序列化示列
2023-04-01 23:49:56