我们可以像下面这样简单

<input type="number" onkeydown="javascript:返回事件。keyCode == 69 ?/> . False: true

更新后的答案

我们可以让它更简单，就像@88 MPG建议的那样

<输入类型=“编号”=“回归事件”。键盘代码!

一个简单的解决方案，排除除整数

<输入 类型=“数字” min=“1” 步骤=“1” onkeypress=“return event.keyCode === 8 ||事件.字符代码 >= 48 &&; 事件.字符代码 <= 57“>

此解决方案不防止复制和粘贴(包括字母“e”)。

最简单的解决方案是parseInt()。

<input type="number" onkeyup="this.value = parseInt(this.value); this.paste(this.onkeyup);"/>

ParseInt()对于E, E， +， -和任何不是数字的东西返回空白(NaN)。

使用onkeyup和keydown根据您的方便与粘贴事件。对我来说，onkeyup工作最好。这也适用于复制粘贴

因为这正是规范所规定的。数字输入可以接受浮点数，包括负号和e或e字符(其中指数是e或e后面的数字):

A floating-point number consists of the following parts, in exactly the following order: Optionally, the first character may be a "-" character. One or more characters in the range "0—9". Optionally, the following parts, in exactly the following order: a "." character one or more characters in the range "0—9" Optionally, the following parts, in exactly the following order: a "e" character or "E" character optionally, a "-" character or "+" character One or more characters in the range "0—9".

上述解决方案只适用于普通html。 对于reactJS，我建议你这样做

  <input type="number" onKeyDown={(e) =>["e", "E", "+", "-"].includes(e.key) && e.preventDefault()} >

要隐藏字母e和负号，可以这样做:

onkeydown="return event.keyCode !== 69 && event.keyCode !== 189"