javascript - 为什么 event.target.value 不包含数字输入的 "."和 "e"？

Question

我正在使用 Preact:

<input type="number" onKeyup={event => console.log(event.target.value)} />

如果我输入句点或“e”，它不会显示为 event.target.value 的一部分，直到我在其后输入另一个数字。

例如

如果输入值为 123，则记录 123。

如果输入值为 123。，则记录 123。

如果输入值为 123..，则记录 123。

如果输入值为 123.4，则记录 123.4。

为什么会有这样的表现？有没有办法获取实际输入(不删除 type="number")？

Answer 1

number 输入可以保存整数和 float 。

由于 123. 是一个整数，因此输入将返回整数 123

此外，123.4 是一个有效的 float ，因此输入的值为 123.4

无法从数字输入类型返回诸如 123.4 之类的字符串，因为它不适合用于此目的。