JavaScript计算器输入限制函数失效，求助排查问题

你的代码存在几个核心问题，导致无法实现预期的输入限制：

• 逻辑判断括号位置错误：原代码里的!isNaN(parseInt(charStr) || allowedKeys.includes(charStr))把逻辑或的结果整体传给了isNaN，完全偏离了「是数字 或 是允许的运算符」的判断逻辑。
• 未阻止非法按键的默认行为：即便判断出非法按键，也没告知浏览器取消默认输入动作，所以按键仍会被写入输入框。
• 局部变量修改未同步到输入框：你修改的currentValue只是局部变量，不会自动更新输入框的实际值。
• 按键获取方式过时且不准确：keyCode已被标准废弃，用evt.key直接获取按键对应的字符更可靠，避免String.fromCharCode的编码转换问题。

修正后的代码如下：

const numPress = (evt) => {
    const allowedKeys = ["+", "-", "*", "/"];
    const input = document.getElementById('resultado');
    const pressedKey = evt.key;

    // 允许退格、删除、方向键等必要控制键
    const controlKeys = ['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'];
    if (controlKeys.includes(pressedKey)) {
        return; // 保留默认操作，不做干预
    }

    // 准确判断是否为数字或允许的运算符
    const isNumber = !isNaN(parseInt(pressedKey)) && pressedKey !== ' ';
    const isAllowedOperator = allowedKeys.includes(pressedKey);

    if (!isNumber && !isAllowedOperator) {
        evt.preventDefault(); // 阻止非法按键的默认输入行为
        return;
    }

    // 如需额外校验（如禁止连续输入运算符），可在此添加逻辑
    // 例：检查输入框最后一个字符是否为运算符，避免重复输入
    // const lastChar = input.value.slice(-1);
    // if (isAllowedOperator && allowedKeys.includes(lastChar)) {
    //     evt.preventDefault();
    // }
};

关键修正说明： #

1. 改用evt.key获取按键：直接拿到按键对应的实际字符，比如Shift+8直接返回*，无需处理编码转换的麻烦。
2. 修正逻辑判断逻辑：拆分数字和运算符的判断条件，确保逻辑准确。
3. 阻止非法输入的默认行为：通过evt.preventDefault()让浏览器放弃执行非法按键的输入动作。
4. 保留必要控制键：允许退格、方向键等操作，保证输入框的基本编辑功能可用。
5. 缓存DOM元素：提前获取输入框元素，避免重复查询DOM提升性能。

内容的提问来源于stack exchange，提问作者Gabriel Brito