javascript - 在 keyup 事件上使用 JavaScript 添加千位分隔符

Question

我正在使用以下 JavaScript 函数为 keyup 事件中的输入数字添加千位分隔符。

$("#inputId").on('keyup', function(evt){
    if (evt.which != 110 && evt.which != 190){ 
        var n = parseFloat($(this).val().replace(/\,/g,''),10);             
        $(this).val(n.toLocaleString());
    }
});

大多数情况下，此函数按预期工作，但唯一的问题是输入字段不接受小数点后的零(例如 10.01)，但它接受数字比如 10.25 。我无法弄清楚这种行为的原因。有什么想法吗？

谢谢。

Answer 1

按小数拆分可以。像这样的东西。请注意，这是非常基本的起点，并未考虑其他国家/系统中的不同分隔符(即:10.000,00)

<script>
var myinput = document.getElementById('myinput');

myinput.addEventListener('keyup', function() {
  var val = this.value;
  val = val.replace(/[^0-9\.]/g,'');
  
  if(val != "") {
    valArr = val.split('.');
    valArr[0] = (parseInt(valArr[0],10)).toLocaleString();
    val = valArr.join('.');
  }
  
  this.value = val;
});

</script>

<input id="myinput" type="text'>