如何实现maxlength=1输入框重复输入替换值（附jQuery数字过滤代码）

嘿，这就帮你搞定这个需求！结合你现有的数字限制代码，我们只需要加一点点逻辑就能完成“再次输入自动替换当前值”的功能，具体步骤如下：

1. 先设置输入框的基础属性 #

首先在HTML里给输入框加上maxlength="1"，这是最基础的字符长度限制：

<input type="text" id="txtboxToFilter" maxlength="1">

2. 完善jQuery逻辑 #

在你现有的数字限制代码中，添加核心的替换判断逻辑，同时补全你没写完的全选快捷键支持（适配Windows和Mac端）：

$(document).ready(function() {
  $("#txtboxToFilter").keydown(function (e) {
    // 允许的控制键：退格、删除、Tab、Esc、回车、小数点（不需要的话可以移除110、190）
    const allowedControlKeys = [46, 8, 9, 27, 13, 110, 190];
    // 判断是否是控制键
    const isControlKey = $.inArray(e.keyCode, allowedControlKeys) !== -1;
    // 判断是否是全选快捷键（Ctrl+A 或 Command+A）
    const isSelectAll = (e.keyCode === 65 && (e.ctrlKey === true || e.metaKey === true));
    // 判断是否是数字键（主键盘0-9 或 小键盘数字）
    const isNumberKey = (e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105);

    // 核心替换逻辑：如果输入框已有内容，且当前按下的是数字键，先清空内容
    if ($(this).val().length === 1 && isNumberKey) {
      $(this).val('');
    }

    // 只允许控制键、全选快捷键、数字键，其他按键直接阻止
    if (!isControlKey && !isSelectAll && !isNumberKey) {
      e.preventDefault();
    }
  });
});

逻辑说明 #

• 先过滤掉非数字、非控制类的无效按键，确保输入框只能输入数字；
• 当输入框已经有1个字符，且用户按下的是数字键时，先清空输入框内容，让新输入的数字直接替换原有内容；
• 补充了Mac端的Command+A全选支持，避免全选操作被误拦截。

这样就能完美实现你要的效果：输入框最多1个字符、仅支持数字输入、再次输入数字会自动替换现有内容~

内容的提问来源于stack exchange，提问作者Jacob Fencott