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