HTML文本输入仅允许数字输入角度2

Question

html文件

<input type="text" size="10" onkeypress="return numbersOnly($event)">

component.ts

public numbersOnly(event) {
  return event.charCode >= 48 && event.charCode <= 57;
}

我不为什么我的代码不起作用！ 请帮我。 非常感谢你。

Answer 1

使用Angular DOM事件发射器keypress

(keypress)="eventHandler($event)"

是标准的事件处理程序。 您可以通过这种方式实现方法。

还需要注意的是，所有HTML5标准DOM事件发射器都可以在Angular中以这种方式工作，例如onthisevent > thisevent例如onkeypress -> (keypress) thisevent (keypress) ， onblur -> (blur)等。

Answer 2

为什么您不能仅将类型更改为数字？

<input type="number" size="10" >

Answer 3

如果要键入数字，使用type =“ text”的意义是什么。如果只需要键入数字，请在此处使用type =“ number”，而无需编写任何函数来限制key.use，如下所示

<input type="number" size="10" >

Answer 4

<input type="text" onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
</input>

要么

正如Sajeetharan所提到的，HTML5现在还支持带有数字类型的输入