Saya memiliki elemen input html5 berikut:

<input type="number">

Mengapa input ini memungkinkan karakter 'e' dimasukkan di bidang input? Tidak ada karakter alfabet lain yang bisa dimasukkan (seperti yang diharapkan)

Menggunakan chrome v. 44.0.2403.107

Untuk melihat apa yang saya maksud: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_number

Karena persis seperti itulah spec mengatakan itu harus bekerja. Input angka dapat menerima angka titik-mengambang , termasuk simbol negatif dan eatau Ekarakter (di mana eksponen adalah angka setelah eatau E):

Nomor floating-point terdiri dari bagian-bagian berikut, persis dengan urutan sebagai berikut:

1. Secara opsional, karakter pertama mungkin " -" karakter.
2. Satu atau lebih karakter dalam kisaran " 0—9".
3. Secara opsional, bagian-bagian berikut, persis dengan urutan berikut:
   1. .karakter " "
   2. satu atau lebih karakter dalam kisaran " 0—9"
4. Secara opsional, bagian-bagian berikut, persis dengan urutan berikut:
   1. a " e" karakter atau " E" karakter
   2. opsional, -karakter " +" atau " " karakter
   3. Satu atau lebih karakter dalam kisaran " 0—9".

Kita bisa membuatnya sangat sederhana seperti di bawah ini

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

Jawaban yang Diperbarui

kita dapat membuatnya lebih sederhana seperti yang disarankan @ 88 MPG

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

Jenis nomor input HTML memungkinkan "e / E" karena "e" adalah singkatan dari eksponensial yang merupakan simbol numerik.

Contoh 200000 juga dapat ditulis sebagai 2e5. Saya harap ini membantu terima kasih atas pertanyaannya.　　　　　　　　　　

Cara terbaik untuk memaksa penggunaan nomor yang hanya terdiri dari angka:

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

ini menghindari 'e', ​​'-', '+', '.' ... semua karakter yang bukan angka!

Untuk mengizinkan hanya tombol angka:

isNaN (Number (event.key))

tapi terima "Backspace" (keyCode: 8) dan "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();
    }
};

Untuk menyembunyikan etanda huruf dan minus, -buka saja:

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

Menggunakan angular, Anda dapat melakukan ini untuk membatasi untuk memasukkan 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;

  }

Sudut; dengan IDE keyCode peringatan usang

Secara fungsional sama dengan jawaban rinku tetapi dengan pencegahan peringatan 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);
}