网页屏蔽Backspace事件，输入框不屏蔽

最新推荐文章于 2020-04-17 14:44:06 发布

原创最新推荐文章于 2020-04-17 14:44:06 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一段JavaScript代码，用于阻止非文本输入框（如密码框、选择框等）上的Backspace键操作，除非这些元素是可编辑的。这有助于提升用户体验并防止意外的数据丢失。

document.onkeydown = function (e) {
     var code;   
     if (!e){ var e = window.event;}   
     if (e.keyCode){ code = e.keyCode;}
     else if (e.which){ code = e.which;}
     //BackSpace 8;
     if (
       (event.keyCode == 8)
       && ((event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password")
         ||  event.srcElement.readOnly == true
         )
      
      ) {
         
      event.keyCode = 0;        
      event.returnValue = false;    
     }
     return true;
};