Question

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

编辑：对我而言，如果十进制标记是逗号或句点，则无关紧要。请参阅Screenshot Chrome和Firefox之间的区别。

Answer 1

＆＃13;

let output = document.getElementById('output');

document.getElementById('input').addEventListener('input', function (e) {
  output.innerText = e.currentTarget.value.replace('.', ',');
});

＆＃13;

<input type="number" id="input" min="0.00" step="0.01" max="999.99">
<p id="output"></p>

＆＃13;

Answer 2

您可以将值解析为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>

如何使用零获取Firefox中数字输入的完整值

2 个答案: