在textarea的JavaScript正则输入限制中支持退格键的问题求助

你的问题核心在于仅允许匹配[0-1]的按键——退格键（Backspace）、删除键（Delete）这类控制键的event.key值并不是字符"0"或"1"，所以被你的event.preventDefault()直接阻止，导致无法正常编辑。

这里提供一个完整的解决方案，既能严格限制输入0和1，又保留所有必要的编辑功能：

第一步：完善keydown事件处理 #

我们需要先放行常用的编辑控制键，再判断输入是否为0/1：

const binary = document.getElementById('binary');

binary.addEventListener('keydown', (event) => {
  // 允许的控制键：退格、删除、方向键、Home/End
  const allowedControls = ['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Home', 'End'];
  // 允许Ctrl+全选、复制、粘贴（如果不需要粘贴支持可以去掉这行）
  const isAllowedModifier = event.ctrlKey && ['a', 'c', 'v'].includes(event.key);

  // 先放行控制键和组合键，保证基础编辑功能可用
  if (allowedControls.includes(event.key) || isAllowedModifier) {
    return;
  }

  // 仅允许输入0或1，其他按键直接阻止默认行为
  if (!event.key.match(/^[01]$/)) {
    event.preventDefault();
  }
});

第二步：处理粘贴操作（可选但推荐） #

上面的代码无法管控粘贴行为，如果用户粘贴包含非0/1的内容，还是会被输入进去。所以需要添加paste事件监听来过滤粘贴内容：

binary.addEventListener('paste', (event) => {
  // 获取粘贴的文本内容
  const pastedContent = event.clipboardData.getData('text');
  // 过滤掉所有非0和1的字符
  const filteredContent = pastedContent.replace(/[^01]/g, '');

  // 如果原内容有不符合规则的字符，就阻止默认粘贴，手动插入过滤后的内容
  if (filteredContent !== pastedContent) {
    event.preventDefault();
    // 把过滤后的内容插入到光标所在位置
    document.execCommand('insertText', false, filteredContent);
  }
});

方案说明 #

• 先放行编辑必需的控制键和常用组合键，保证用户能正常退格、移动光标、全选内容；
• 仅对普通输入按键做0/1校验，不符合规则的直接阻止输入；
• 粘贴时主动过滤内容，确保只有0和1被插入到textarea中，避免违规内容通过粘贴进入。

这样处理后，你的textarea就既能严格限制二进制输入，又能像普通输入框一样正常使用所有编辑功能了。

内容的提问来源于stack exchange，提问作者Miloš Leng