输入类型= "number"在Chrome上工作正常，但允许在Firefox中使用数字以外的字符

Question

我在Angular中工作，我需要输入一个只接受数字字符的输入。我试过给出type="number"，它在Google Chrome中工作得很好，但在firefox中，输入仍然接受非数字字符。我已经通过typescript/Javascript解决了这个问题，但想知道是否有更自然的解决方案。任何帮助都会很感激。提前感谢!

Answer 1

在HTML中你必须使用按键方法

<input type="text" (keypress)="keyPressNumbers($event)" formControlName="yourformcontrolname" class="form-control"  />

在打印稿必须使用这种方法

const keyDecimal : boolean = false; 

keyPressNumbers(event) {
var perValue = this.yourformgroupname.get('yourvariablename').value;
var charCode = (event.which) ? event.which : event.keyCode;
if ((perValue.toString().indexOf(".") == -1) || (Number.isInteger(perValue)) || (perValue == null)) {
this.keyDecimal = false;
}
if (charCode< 45 || charCode> 57) {
event.preventDefault();
return false;
} 
else {
if (charCode == 46 && !this.keyDecimal) {
this.keyDecimal = true;
}
else if ((charCode == 46 && this.keyDecimal) || (charCode == 47)) {
event.preventDefault();
return false;
}
return true;
}
}