javascript - 如何在 Firefox 中获取带零的数字输入的完整值

Question

当我在输入中输入 1,00 时，Firefox 仅显示 1。我测试的所有其他浏览器都显示1,00。如何读取 Firefox 中输入的完整值以及逗号后面的零？输入的类型必须是数字，不能是文本。

$("#input").keyup(function() {
  $("#output").text($("#input").val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" id="input" min="0.00" step="0.01" max="999.99">
<p id="output"></p>

编辑:对我来说，小数点是逗号还是句点并不重要。请参阅Screenshot Chrome 和 Firefox 之间的区别。

Answer 1

您可以将该值解析为 float 并使用 toFixed函数始终打印带有两位小数的数字。

$("#input").keyup(function() {
  $("#output").text(
    parseFloat($("#input").val()).toFixed(2)
  );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" id="input" min="0.00" step="0.01" max="999.99">
<p id="output"></p>