input、textarea等控件设置只读时，按退格键跳转至上级界面的解决方法

最新推荐文章于 2024-11-06 08:44:28 发布

转载最新推荐文章于 2024-11-06 08:44:28 发布 · 737 阅读

收录于

jsp

本文介绍了一种在网页中通过JavaScript实现的功能，即当控件处于只读或禁用状态时，阻止用户使用退格键进行编辑。此方法适用于密码、文本输入框等场景，有效防止了误操作。

参考：控件为只读时，禁用退格键

//禁止Backspace键
function forbidBackSpace(e) {
       var ev = e || window.event; //获取event对象
       var obj = ev.target || ev.srcElement; //获取事件源
       var t = obj.type || obj.getAttribute('type'); //获取事件源类型
       //获取作为判断条件的事件类型
       var vReadOnly = obj.readOnly;
       var vDisabled = obj.disabled;
       //处理undefined值情况
       vReadOnly = (vReadOnly == undefined) ? false : vReadOnly;
       vDisabled = (vDisabled == undefined) ? true : vDisabled;
       //当敲Backspace键时，事件源类型为密码或单行、多行文本的，
       //并且readOnly属性为true或disabled属性为true的，则退格键失效
       var flag1 = ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea") && (vReadOnly == true || vDisabled == true);
       //当敲Backspace键时，事件源类型非密码或单行、多行文本的，则退格键失效
       var flag2 = ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea";
       //判断
       if (flag2 || flag1) return false;
   }