我找不到完美的解决方案，因为有些工作是输入，但不是复制和粘贴，有些是相反的方式。这个解决办法对我很管用。它防止负数，输入“e”，复制和粘贴“e”文本。

创建一个函数。

<script language="JavaScript">

  // this prevents from typing non-number text, including "e".
  function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    let charCode = (evt.which) ? evt.which : evt.keyCode;
    if ((charCode > 31 && (charCode < 48 || charCode > 57)) && charCode !== 46) {
      evt.preventDefault();
    } else {
      return true;
    }
  }
</script>

将这些属性添加到输入中。这两个可以防止复制和粘贴非数字文本，包括“e”。你需要同时拥有两者才能生效。

<input type="number" oninput="validity.valid||(value='');" onpress="isNumber(event)" />

如果你正在使用Vue，你可以参考这里的答案。我已经将它提取到一个可以重用的mixin中。

我认为使用类型文本是最好的，而不是数字，因为使用类型=数字，你将面临一些问题，如输入字段的方向键和上、下键的值变化。

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

对于文本类型的输入，你可以使用它来更好地验证，

return (event.keyCode? (event.keyCode == 69 ? false : event.keyCode >= 48 && event.keyCode <= 57) : (event.charCode >= 48 && event.charCode <= 57))? true : event.preventDefault();

我在angular中创建了一个指令，强制输入no“-”。

import { Directive, ElementRef, HostListener } from '@angular/core';

@Directive({
  selector: '[appPositiveNumber]'
})
export class PositiveNumberDirective {
  private regex = new RegExp(/^\d*[.,]?\d*$/g);
  private specialKeys: Array<string> = ['Backspace', 'Tab', 'End', 'Home', 'ArrowLeft', 'ArrowRight', 'Del', 'Delete'];

  constructor(private el: ElementRef) { }

  @HostListener('keydown', ['$event']) onKeyDown(event: KeyboardEvent) {
    if (!event.key.match(this.regex) && !this.specialKeys.includes(event.key)) {
      event.preventDefault();
      return;
    }
  }
}

所以u可以像这样将它添加到元素上:

<input type="number" appPositiveNumber min="0" step="1" max="9999"
      [(ngModel)]="value.employeeCount">

通过在输入标记中添加onkeypress，可以强制输入只包含正整数。

<input type=“number” onkeypress=“return event.charCode >= 48” min=“1” >

在这里,事件。charCode >= 48确保只返回大于或等于0的数字，而min标记确保通过在输入栏内滚动可以得到最小值1。

这取决于你想要多精确。如果你想只接受整数，那么:

<输入类型=“数字” 分钟=“1” 步数=“1”>

例如，如果你想要浮点数，小数点后有两位数字:

<输入类型=“数字” min=“0.01” 步数=“0.01”>