如果任何方法都不起作用，你可以使用parse float。

const totalAmt = document.getElementById("totalAmt"); totalAmt。addEventListener(“改变”,(e) = > { / / e.preventDefault (e); const result = parseFloat(e.target.value); console.log(结果) })； <input type="text" id="totalAmt" />

是的，这是正确答案:

step="any"

这样更有效率。相信我。

<输入类型=“数字” 步骤=“任意”>

. getelementbyid(“form1”)。addEventListener(‘提交’,函数(e) { e.preventDefault (); alert("Your nnumber is: "+document.getElementById('n1').value) 警报(“这有用吗?:)请点赞”) }) <形式id =“form1 " > <input type="number" step="any" id="n1"> <按钮类型=“提交”> > < /按钮提交 > < /形式 <！——upvote:)——>

如果任何方法都不起作用，你可以使用parse float。

const totalAmt = document.getElementById("totalAmt"); totalAmt。addEventListener(“改变”,(e) = > { / / e.preventDefault (e); const result = parseFloat(e.target.value); console.log(结果) })； <input type="text" id="totalAmt" />

通过http://blog.isotoma.com/2012/03/html5-input-typenumber-and-decimalsfloats-in-chrome/

但是如果你想让所有的数字都是有效的，整数和小数都是有效的呢?在本例中，将step设置为“any”

<input type="number" step="any" />

适用于我的Chrome浏览器，没有测试在其他浏览器。

<input type="number" step="any">

这为我工作，我认为是最简单的方法，使输入字段接受任何小数，而不管小数部分有多长。 Step属性实际显示输入字段应该接受多少个小数点。 例如，step="0.01"将只接受两个小数点。

我已经开始使用inputmode="decimal"，它在智能手机上完美地工作:

<输入类型=“文本” 输入模式=“十进制”值=“1.5”>

注意，我们必须使用type="text"而不是number。然而，在桌面上，它仍然允许字母作为值。

对于桌面，您可以使用:

<输入类型=“数字” 输入模式=“十进制”>

允许0-9和。作为输入，只有数字。

请注意，一些国家使用，作为小数除数，这是在NumPad上默认激活的。因此，通过Numpad输入一个浮点数将不会像输入字段所期望的那样工作。(铬)。这就是为什么如果你的网站上有国际用户，你应该使用type="text"。

你可以尝试在桌面上(也与Numpad)和你的手机:

<p>输入text类型:</p> <input type="text" inputmode="decimal" value="1.5"> < br > <p>输入类型号:</p> <input type="number" inputmode="decimal" value="1.5">

参考:https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode