JavaScript屏蔽Backspace键并保留输入框功能

作者:微光时间:2026-10-29 12:34:02浏览:303

本文介绍如何使用JavaScript屏蔽网页中的Backspace键,防止页面意外后退,同时确保在文本输入框和密码框中Backspace键仍能正常删除字符。通过判断事件源类型,实现精准控制,提升用户体验。

JavaScript屏蔽Backspace键并保留输入框功能

以下通过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; 
}; 

希望这段代码能帮助到大家。

作者最新文章