我有以下html5输入元素:
<input type="number">
为什么这个输入允许在输入字段中输入字符“e”?无法输入其他字母字符(如预期的那样)
使用chrome v. 44.0.2403.107
下面的例子来看看我的意思。
= >“当家”型输入<
当前回答
角;与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);
}
其他回答
<input type="number" onkeydown="return FilterInput(event)" onpaste="handlePaste(event)" >
function FilterInput(event) {
var keyCode = ('which' in event) ? event.which : event.keyCode;
isNotWanted = (keyCode == 69 || keyCode == 101);
return !isNotWanted;
};
function handlePaste (e) {
var clipboardData, pastedData;
// Get pasted data via clipboard API
clipboardData = e.clipboardData || window.clipboardData;
pastedData = clipboardData.getData('Text').toUpperCase();
if(pastedData.indexOf('E')>-1) {
//alert('found an E');
e.stopPropagation();
e.preventDefault();
}
};
强制使用仅由数字组成的数字的最佳方法:
<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 != =“空间”
最简单的解决方案是parseInt()。
<input type="number" onkeyup="this.value = parseInt(this.value); this.paste(this.onkeyup);"/>
ParseInt()对于E, E， +， -和任何不是数字的东西返回空白(NaN)。
使用onkeyup和keydown根据您的方便与粘贴事件。对我来说，onkeyup工作最好。这也适用于复制粘贴
我们可以像下面这样简单
<input type="number" onkeydown="javascript:返回事件。keyCode == 69 ?/> . False: true
更新后的答案
我们可以让它更简单，就像@88 MPG建议的那样
<输入类型=“编号”=“回归事件”。键盘代码!
简单而标准的解决方案:在Angular/ Js/ Ts中，你可以使用正则表达式来限制任何输入键。
HTML： <input type=“text” name=“input1” （keypress）=“numericOnly（$event）” />
TS:
numericPattern = /^[0-9]*$/;
numericOnly(event){
return this.numericPattern.test(event.key);
}
