如何实现按下空格键时禁用文本框退格键，现有JS代码失效如何解决

• 缺少状态标记：没有定义变量记录用户是否已经按下过空格键，禁用退格的逻辑和空格键操作完全没有关联
• 事件没有绑定：preventBackspace 函数没有绑定到文本框的 keydown 事件上，不会自动触发
• 阻止默认行为逻辑错误：退格键拦截的IE兼容分支错误将 returnValue 设为 true，应该设为 false 才能阻止默认退格操作
• 键值判断逻辑冗余：keydown 事件下 charCode 始终返回0，不需要做兼容取值

// 全局状态：记录是否已经按下过空格键
let spacePressed = false;

window.onload = function() {
  // 替换选择器匹配你实际需要监听的文本框
  const targetInput = document.querySelector('input[type="text"]');
  
  // 绑定键盘按下事件
  targetInput.addEventListener('keydown', function(e) {
    const keyCode = e.keyCode || e.which;
    
    // 检测到空格键按下，更新状态标记
    if (keyCode === 32) {
      spacePressed = true;
    }
    
    // 已按下过空格键时，拦截退格键和删除键的默认行为
    if (spacePressed && (keyCode === 8 || keyCode === 46)) {
      e.preventDefault ? e.preventDefault() : (e.returnValue = false);
    }
  });
};

如果需要支持多个文本框，遍历所有目标元素绑定事件即可；如果需要重置禁用状态，在对应业务场景下把 spacePressed 重置为 false 就能恢复退格功能。

内容的提问来源于stack exchange，提问作者Surjeet Kumar