ตัวอย่าง
รัน JavaScript เมื่อผู้ใช้มีการเปลี่ยนแปลงตัวเลือกที่เลือกของ <select> องค์ประกอบ:
<select onchange="myFunction()"> ลองตัวเอง» เพิ่มเติม "ลองตัวเอง" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
onchange แอตทริบิวต์ยิงช่วงเวลาที่คุ้มค่าขององค์ประกอบที่มีการเปลี่ยนแปลง
เคล็ดลับ: เหตุการณ์นี้คล้ายกับ oninput เหตุการณ์ แตกต่างก็คือเหตุการณ์ที่เกิดขึ้น oninput ทันทีหลังจากที่มูลค่าขององค์ประกอบที่มีการเปลี่ยนแปลงในขณะที่ onChange เกิดขึ้นเมื่อองค์ประกอบสูญเสียโฟกัส ความแตกต่างอื่น ๆ ที่ onchange เหตุการณ์ยังทำงานบน <keygen> และ <select> องค์ประกอบ
สนับสนุนเบราว์เซอร์
| แอตทริบิวต์เหตุการณ์ | |||||
|---|---|---|---|---|---|
| onchange | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ไม่มี.
วากยสัมพันธ์
<elementonchange=" script ">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| script | สคริปต์ที่จะทำงานใน onChange |
รายละเอียดทางเทคนิค
| แท็กที่รองรับ: | <input type="checkbox">, <input type="file">, <input type="password">, <input type="radio">, <input type="range">, <input type="search">, <input type="text">, <keygen>, <select> and <textarea> |
|---|
ตัวอย่างเพิ่มเติม
ตัวอย่าง
รัน JavaScript เมื่อผู้ใช้มีการเปลี่ยนแปลงเนื้อหาของข้อมูลการป้อนข้อมูลไปนี้:
<input type="text" name="txt" value="Hello" onchange="myFunction(this.value)">
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: onchange event