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
  • asp之家 网络编程 m.aspxhome.com