ฉันมีองค์ประกอบอินพุต html5 ต่อไปนี้:

<input type="number">

ทำไมอินพุตนี้อนุญาตให้ป้อนอักขระ 'e' ในฟิลด์อินพุต ไม่สามารถป้อนอักขระตัวอักษรอื่นได้ (ตามที่คาดไว้)

ใช้ chrome v. 44.0.2403.107

หากต้องการดูว่าฉันหมายถึงอะไร: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_number

เพราะนั่นเป็นสิ่งที่ข้อมูลจำเพาะบอกว่าควรใช้งานได้ดี การป้อนตัวเลขสามารถยอมรับตัวเลขทศนิยมได้รวมถึงสัญลักษณ์เชิงลบและeหรือEอักขระ (โดยเลขชี้กำลังเป็นตัวเลขหลังeหรือE):

หมายเลขเลขทศนิยมประกอบด้วยส่วนต่าง ๆ ดังต่อไปนี้ตามลำดับต่อไปนี้:

1. ตัวเลือกอักขระแรกอาจเป็น-อักขระ ""
2. อักขระหนึ่งตัวขึ้นไปในช่วง " 0—9"
3. เป็นทางเลือกส่วนต่อไปนี้ตามลำดับต่อไปนี้:
   1. เป็น " .ตัวอักษร"
   2. อักขระหนึ่งตัวขึ้นไปในช่วง " 0—9"
4. เป็นทางเลือกส่วนต่อไปนี้ตามลำดับต่อไปนี้:
   1. เป็น " eตัวอักษร" หรือ " Eตัวอักษร"
   2. เป็นทางเลือก-อักขระ "" หรือ " +"
   3. อักขระหนึ่งตัวขึ้นไปในช่วง " 0—9"

เราสามารถทำให้มันเรียบง่ายเหมือนด้านล่าง

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

อัปเดตคำตอบ

เราสามารถทำให้มันง่ายยิ่งขึ้นตามที่ @ 88 MPG แนะนำ

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

ประเภทอินพุต HTML อนุญาตให้ "e / E" เพราะ "e" หมายถึงเลขชี้กำลังซึ่งเป็นสัญลักษณ์ที่เป็นตัวเลข

ตัวอย่าง 200,000 สามารถเขียนเป็น 2e5 ฉันหวังว่านี่จะช่วยขอบคุณสำหรับคำถามนี้　　　　　　　　　　

วิธีที่ดีที่สุดในการบังคับใช้ตัวเลขที่ประกอบด้วยตัวเลขเท่านั้น:

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

สิ่งนี้จะหลีกเลี่ยง 'e', ​​'-', '+', '.' ... ตัวละครทั้งหมดที่ไม่ใช่ตัวเลข!

วิธีอนุญาตให้ใช้ปุ่มตัวเลขเท่านั้น:

isNaN (จำนวน (event.key))

แต่ยอมรับ "Backspace" (keyCode: 8) และ "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();
    }
};

หากต้องการซ่อนทั้งตัวอักษรeและเครื่องหมายลบ-ให้ไปที่:

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

การใช้เชิงมุมคุณสามารถทำได้เพื่อ จำกัด การป้อน 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;

  }

เชิงมุม; ด้วยคำสั่ง IDE keyCode ที่เลิกใช้แล้ว

ทำหน้าที่เหมือนกับคำตอบของ rinku แต่มีการป้องกันการเตือน 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);
}