Mam następujący element wejściowy HTML5:

<input type="number">

Dlaczego to wejście pozwala na wpisanie znaku „e” w polu wprowadzania? Nie można wprowadzić innego znaku alfabetu (zgodnie z oczekiwaniami)

Korzystanie z chrome v. 44.0.2403.107

Aby zobaczyć, co mam na myśli: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_number

Ponieważ dokładnie tak mówi specyfikacja , że powinna działać. Wprowadzane liczby mogą przyjmować liczby zmiennoprzecinkowe , w tym symbole ujemne i znak elub E(gdzie wykładnikiem jest liczba po znaku elub E):

Liczba zmiennoprzecinkowa składa się z następujących części, dokładnie w następującej kolejności:

1. Opcjonalnie pierwszy znak może być znakiem „ -”.
2. Co najmniej jeden znak z zakresu „ 0—9”.
3. Opcjonalnie następujące części w dokładnie następującej kolejności:
   1. znak „ .”
   2. jeden lub więcej znaków z zakresu „ 0—9”
4. Opcjonalnie następujące części w dokładnie następującej kolejności:
   1. znak „ e” lub „ E”
   2. opcjonalnie znak „ -” lub „ +”
   3. Co najmniej jeden znak z zakresu „ 0—9”.

Możemy to uczynić tak prostym, jak poniżej

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

Zaktualizowana odpowiedź

możemy uczynić to jeszcze prostszym, jak sugeruje @ 88 MPG

<input type="number" onkeydown="return event.keyCode !== 69" />

Typ liczbowy wejściowy HTML pozwala na „e / E”, ponieważ „e” oznacza wykładniczy, który jest symbolem numerycznym.

Przykład 200000 można również zapisać jako 2e5. Mam nadzieję, że to pomoże ci podziękować za pytanie.　　　　　　　　　　

Najlepszy sposób, aby wymusić użycie tylko liczby złożonej z cyfr:

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

pozwala to uniknąć „e”, „-”, „+”, „.” ... wszystkie znaki, które nie są liczbami!

Aby zezwolić tylko na klawisze numeryczne:

isNaN (Number (event.key))

ale zaakceptuj „Backspace” (keyCode: 8) i „Delete” (keyCode: 46) ...

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

Aby ukryć zarówno literę, jak ei znak minus, -wystarczy:

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

Używając kątowego, możesz to zrobić, aby ograniczyć się do wprowadzania 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;

  }

Kątowy; z przestarzałym ostrzeżeniem IDE keyCode

Funkcjonalnie taki sam jak odpowiedź rinku, ale z zapobieganiem ostrzeżeniom 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);
}