Javascript toLocaleString onKeyUp 事件

Question

我需要一些帮助来解决这个问题，我试图在输入时从 value 标签打印出 <input>，它应该用千位分隔符打印出来，但它像我输入的那样返回数字，更准确地说 它没有'工作。我该如何解决这个...？

function cDes(e) {
  var k = e.currentTarget;
  var prc = k.value; //example value: 123456789
  var prc_f = prc.toLocaleString('de-DE');
  var oDiv = document.getElementById('cOut');
  if (e.keyCode == 13) {
    if (prc.length < 1) {
      oDiv.innerHTML = 'FREE';
    } else {
      oDiv.innerHTML = prc_f; //expected output value: 123.456.789
    }
  } else {
    oDiv.innerHTML = '...';
  }
}

<input type='number' id='price' onKeyUp='cDes(event)'>

<div id='cOut'></div>

Answer 1

在使用 Number.toLocaleString() 之前将输入字符串转换为数字:

var prc_f = Number(prc).toLocaleString('de-DE');

例子:

// get a reference to the element once
var oDiv = document.getElementById('cOut');

function cDes(e) {
  var prc = e.target.value; //example value: 123456789
  if (e.keyCode == 13) {
    if (prc.length < 1) {
      oDiv.innerHTML = 'FREE';
    } else {
      // you only need to convert the input when you display it
      oDiv.innerHTML = Number(prc).toLocaleString('de-DE'); //expected output value: 123.456.789
    }
  } else {
    oDiv.innerHTML = '...';
  }
}

<input type='number' id='price' onKeyUp='cDes(event)'>

<div id='cOut'></div>