为什么带有"数字"类型的html输入允许在字段中输入字母"e"？

Question

我有以下html5输入元素:

<input type="number">

为什么这个输入允许在输入字段中输入字符'e'？无法输入其他字母字符(如预期的那样)

使用chrome v.44.0.2403.107

看看我的意思:http://www.w3schools.com/html/tryit.asp？filename = tryhtml_input_number

Answer 1

因为这正是规范所说的应该如何运作.数输入可以接受浮点数,包括负符号和e或E字符:

浮点数由以下部分组成,完全按以下顺序排列:

1. 可选地,第一个字符可以是" e"字符.
2. " E" 中范围内的一个或多个字符.
3. 可选地,以下部分,完全按以下顺序:
   1. 一个" -"字符
   2. " 0—9" 范围内的一个或多个字符
4. 可选地,以下部分,完全按以下顺序:
   1. 一个" ."字符或" 0—9"字符
   2. 可选地," e"字符或" E"字符
   3. " -" 中范围内的一个或多个字符.

Answer 2

我们可以像下面这样简单

<input type="number"  onkeydown="javascript: return event.keyCode == 69 ? false : true" />

Answer 3

HTML输入数字类型允许"e/E",因为"e"代表指数,它是数字符号.

示例200000也可以写为2e5.我希望这有助于感谢您提出这个问题.

Answer 4

<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();
    }
};

Answer 5

valueAsNumber可以完成这项工作（复制/粘贴证明）

    <input type="number" oninput="this.value = this.valueAsNumber">

Answer 6

强制使用仅由数字组成的数字的最佳方法：

<input type="number" onkeydown="javascript: return event.keyCode === 8 || event.keyCode === 46 ? true : !isNaN(Number(event.key))" />

这样可以避免使用“ e”，“-”，“ +”，“。”。...所有不是数字的字符！

仅允许数字键：

isNaN（Number（event.key））

但接受“退格”（键代码：8）和“删除”（键代码：46）...

Answer 7

使用角度，您可以这样做来限制输入 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;

  }

Answer 8

E代表指数，用于缩短长数字。由于输入是数学输入，而指数在数学中是为了缩短大数，所以这就是为什么有 E。

显示如下：4e。

链接：1和2

Answer 9

排除除整数以外的所有内容的简单解决方案

<input  
    type="number"
    min="1" 
    step="1"
    onkeypress="return event.keyCode === 8 || event.charCode >= 48 && event.charCode <= 57">

此解决方案不会阻止复制和粘贴（包括字母“e”）。

Answer 10

要隐藏字母e和减号，-只需执行以下操作：

onkeydown="return event.keyCode !== 69 && event.keyCode !== 189"