ตัวอย่าง
รัน JavaScript เมื่อผู้ใช้เขียนบางสิ่งบางอย่างใน <input> ฟิลด์:
<input type="text" oninput="myFunction()"> ลองตัวเอง» ความหมายและการใช้งาน
เหตุการณ์ที่เกิดขึ้นเมื่อ oninput องค์ประกอบได้รับการป้อนข้อมูลของผู้ใช้
เหตุการณ์นี้เกิดขึ้นเมื่อค่าของนั้น <input> หรือ <textarea> องค์ประกอบที่มีการเปลี่ยนแปลง
เคล็ดลับ: เหตุการณ์นี้คล้ายกับ onChange เหตุการณ์ แตกต่างก็คือเหตุการณ์ที่เกิดขึ้น oninput ทันทีหลังจากที่มูลค่าขององค์ประกอบที่มีการเปลี่ยนแปลงในขณะที่ onChange เกิดขึ้นเมื่อองค์ประกอบที่สูญเสียโฟกัสหลังเนื้อหาที่ได้รับการเปลี่ยนแปลง ความแตกต่างอื่น ๆ ที่ onchange เหตุการณ์ยังทำงานบน <keygen> และ <select> องค์ประกอบ
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่เหตุการณ์
| เหตุการณ์ | |||||
|---|---|---|---|---|---|
| oninput | ใช่ | 9.0 | 4.0 | 5.0 | ใช่ |
วากยสัมพันธ์
ใน HTML:
ใน JavaScript:
object .oninput=function(){ ลองตัวเอง» ใน JavaScript โดยใช้ addEventListener() วิธีการ:
object .addEventListener("input", myScript );
ลองตัวเอง» หมายเหตุ: addEventListener() วิธีการที่ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และรุ่นก่อนหน้านี้
รายละเอียดทางเทคนิค
| บับเบิ้ล: | ใช่ |
|---|---|
| ยกเลิก: | ไม่ |
| ประเภทเหตุการณ์: | เหตุการณ์ |
| แท็ก HTML ที่รองรับ: | <input type = "สี">, <ชนิดของการป้อนข้อมูล = "วันที่"> <ชนิดของการป้อนข้อมูล = "datetime"> <input type = "อีเมล"> <input type = "เดือน"> <ชนิดของการป้อนข้อมูล =" จำนวน ">, <ชนิดของการป้อนข้อมูล =" รหัสผ่าน "> <input type =" ช่วง "> <input type =" ค้นหา "> <ชนิดของการป้อนข้อมูล =" โทร ">, <ชนิดของการป้อนข้อมูล =" text "> < ประเภทการป้อนข้อมูล = "เวลา">, <ชนิดของการป้อนข้อมูล = "URL"> <input type="week"> และ <textarea> |
| DOM เวอร์ชัน: | ระดับที่ 3 เหตุการณ์ |
<object เหตุการณ์