JavaScript onKeyUp事件中toLocaleString千分位格式化失效求助

咱们先拆解下你代码里的两个核心问题：

1. 类型错误导致千分位格式化失效：
   你从input拿到的prc是字符串类型，而toLocaleString()是数字类型专属方法，直接调用字符串肯定不会生效，得先把输入值转成数字再格式化。

2. 触发时机不符合实时需求：
   你用了e.keyCode == 13（仅回车触发），但需求是输入时实时输出，这个触发条件完全不对。应该用input事件——它能覆盖键盘输入、粘贴、拖拽输入等所有修改内容的场景，是实时响应的最优选择。

下面是修复后的完整代码，我加了注释帮你理解：

function cDes(e) {
  var k = e.currentTarget;
  // 把输入的字符串转成数字，同时处理空值或非数字输入
  var prc = parseFloat(k.value);
  var oDiv = document.getElementById('cOut');

  // 处理空输入或无效数字的情况（比如输入字母）
  if (isNaN(prc) || k.value.trim().length < 1) {
    oDiv.innerHTML = 'FREE';
    return;
  }

  // 转成数字后再调用toLocaleString生成千分位格式
  var prc_f = prc.toLocaleString('de-DE'); // 德语区格式是用点做千分分隔，比如123.456.789
  oDiv.innerHTML = prc_f;
}

// 给input绑定input事件，实现实时响应
document.querySelector('input').addEventListener('input', cDes);

额外补充几个细节：

• 如果只需要支持整数输入，可以把parseFloat换成parseInt，或者加判断确保输入是整数。
• 用k.value.trim()判断空值，能避免用户输入空格的情况误判。
• 如果你坚持要用键盘事件，可以换成keyup，但要额外排除方向键、删除键这类不修改内容的按键，显然input事件更省心。

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