输入框值从0.01变为0.1的原因及修复方案（decimalnumber类）

嘿，我来帮你搞定这个输入框的问题！你遇到的输入0.01变成0.1的情况，主要是因为你当前的keypress事件过滤逻辑有局限性，没法覆盖所有输入场景，甚至在某些情况下会导致输入的字符丢失。

问题原因分析 #

你的代码只通过keypress事件判断了允许输入的字符（数字、小数点和特殊键），但这个方法有几个明显的坑：

• keypress事件覆盖不全：它只能拦截键盘直接输入的字符，管不了粘贴、拖拽这类操作；而且在一些特殊场景（比如快速输入、输入法切换）下，浏览器对charCode的返回可能有偏差，导致本该允许的字符被意外拦截——这就是你看到第二个0消失的核心原因。
• 未限制小数点数量：用户现在可以输入多个小数点（比如0.0.1），这显然不符合数值输入的需求。
• 未处理异常格式：比如开头多个0的情况（比如000.01），虽然不影响数值，但用户体验不佳。

解决方法 #

更好的思路是结合keypress做初步按键拦截，再用input事件做最终校验和修正——因为input事件能覆盖所有输入行为，确保最终内容符合规则。这里给你调整后的代码：

$(".decimalnumber")
// 第一层：拦截明显非法的按键输入
.keypress(function(e) {
    const charCode = e.charCode;
    // 仅允许数字、小数点和特殊控制键（如退格、箭头键）
    if (!(charCode >= 48 && charCode <= 57) && charCode !== 0 && charCode !== 46) {
        e.preventDefault();
    }
})
// 第二层：覆盖所有输入场景的最终校验与修正
.on('input', function() {
    // 保存光标位置，避免修正后光标跳到末尾，提升用户体验
    const cursorPos = this.selectionStart;
    let inputValue = this.value;

    // 1. 过滤所有非数字、非小数点的字符
    inputValue = inputValue.replace(/[^0-9.]/g, '');

    // 2. 确保整个输入框只有一个小数点
    const dotPosition = inputValue.indexOf('.');
    if (dotPosition !== -1) {
        // 保留第一个小数点，移除后续所有小数点
        inputValue = inputValue.slice(0, dotPosition + 1) + inputValue.slice(dotPosition + 1).replace(/\./g, '');
    }

    // 3. 处理前置多余0的情况（可选，根据需求调整）
    if (inputValue.startsWith('0') && inputValue.length > 1) {
        // 若第一个字符是0，第二个不是小数点，则移除多余前置0
        if (inputValue[1] !== '.') {
            inputValue = inputValue.replace(/^0+(?=\d)/, '');
            // 避免全0删除后变成空值
            inputValue = inputValue || '0';
        }
    }

    // 4. 可选：限制小数位数（比如最多保留两位）
    // if (dotPosition !== -1) {
    //     inputValue = inputValue.slice(0, dotPosition + 3);
    // }

    // 把修正后的值放回输入框
    this.value = inputValue;
    // 恢复光标位置
    this.setSelectionRange(cursorPos, cursorPos);
});

代码优势说明 #

• 全场景覆盖：不管用户是键盘输入、粘贴还是拖拽内容，都能被正确处理；
• 格式严格校验：确保输入内容只有数字和一个小数点，不会出现非法格式；
• 友好的用户体验：保留光标位置，用户输入过程不会被打断；
• 可扩展性强：可以轻松添加小数位数限制等需求。

替换掉你原来的keypress代码，用这段试试，应该就能解决0.01变成0.1的问题了。

内容的提问来源于stack exchange，提问作者Dewi Griselda