javascript - Javascript中的动态浮点小数点

Question

我正在用 javascript 创建一个总帐应用程序，并希望将一个数字动态移动到小数点后两位作为该数字的输入。当有人开始在 HTML 输入文本字段中输入数字时应该会发生这种情况；我希望它像 onKeyUp 或 onKeyPress 事件一样工作。

例子：

1. 我输入“1”，输出将是“0.01”
2. 我输入“12”，输出将是“0.12”
3. 我输入“123”，输出将是“1.23”
4. 我输入“1234”，输出将是“12.34”

我浏览了 jquery、mathjs，但还没有找到任何东西。

有人可以给我一些指导吗？

先感谢您！

Answer 1

$(document).ready(function() {
  var value = '';
  $('input').on('keyup', function(e) {
    if (e.which != 8 && isNaN(String.fromCharCode(e.which))) {
      e.preventDefault();
      return;
    }
    if ($(this).val() == 0.00) value = '';
    if (e.keyCode == 8) {
      value = value.slice(0, -1)
    } else {
      value += e.key
    };
    var sss = (value / 100).toFixed(2);
    if (sss == "0.00")
      $(this).val('');
    else
      $(this).val(sss);
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type=number>

Answer 2

有人可以给我一些指导吗？

只需将输入除以100

var input = "1";
var output = input/100; //0.01

Answer 3

var a = document.getElementById('inp');
document.getElementById("btn").addEventListener('click',function(){
document.getElementById('opt').innerHTML = "output: " + (a.value/100)
})

<input id='inp' type="number" />
<button id='btn'>click</button>
<div id='opt'>output:  </div>