如何在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> 

編輯：對我來說，小數點是逗號還是句號都沒有關系。 請參閱Chrome和Firefox之間差異的屏幕截圖 。

Answer 1

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

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

Answer 2

您可以將值解析為浮點數，然后使用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>