我有以下html5输入元素:
<input type="number">
为什么这个输入允许在输入字段中输入字符“e”?无法输入其他字母字符(如预期的那样)
使用chrome v. 44.0.2403.107
下面的例子来看看我的意思。
= >“当家”型输入<
当前回答
E代表指数，用来缩短长数字。因为输入是数学输入而指数在数学中是用来缩短数字的，所以这里有个E。
显示如下:4e。
链接:1和2
其他回答
强制使用仅由数字组成的数字的最佳方法:
<input type="number" onkeydown="javascript: return ['Backspace'，'Delete'，'ArrowLeft'，'ArrowRight'].includes(event.code) ?isNaN(Number(event.key)) && event.code!= =‘空间’" / >
这避免了'e'， '-'， '+'， '。“…所有不是数字的字符!
若要只允许数字键，请使用数字函数转换为数字。如果不是数字，则结果为NaN:
isNaN(当家(基)事件。
但接受退格，删除，左箭头，右箭头:
[个’,‘删除’‘ArrowLeft’,‘ArrowRight includes(事件。代码)
这是为允许空格的Firefox设置的:
event.code != =“空间”
HTML输入数字类型允许“e/ e”，因为“e”代表指数，这是一个数字符号。
例200000也可以写成2e5。我希望这能帮到你，谢谢你的问题。
如果你按下一个键，它的计算机语言相当于69，它就不会输入
<input
type="number"
onkeydown="return event.keyCode !== 69"
/>
使用angular，你可以限制输入e，+，-， e
<input type="number" (keypress)="numericOnly($event)"/>
numericOnly(event): boolean { // restrict e,+,-,E characters in input type number
debugger
const charCode = (event.which) ? event.which : event.keyCode;
if (charCode == 101 || charCode == 69 || charCode == 45 || charCode == 43) {
return false;
}
return true;
}
角;与IDE keyCode弃用警告
功能上与rinku的答案相同，但有IDE警告预防
numericOnly(event): boolean {
// noinspection JSDeprecatedSymbols
const charCode = (event.which) ? event.which : event.key || event.keyCode; // keyCode is deprecated but needed for some browsers
return !(charCode === 101 || charCode === 69 || charCode === 45 || charCode === 43);
}
