HTML onchange Event Attribute
ตัวอย่าง
เรียกใช้ JavaScript เมื่อผู้ใช้เปลี่ยนตัวเลือกที่เลือกขององค์ประกอบ <select>:
<select onchange="myFunction()">
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
แอตทริบิวต์ onchange เริ่มทำงานเมื่อค่าขององค์ประกอบเปลี่ยนไป
เคล็ดลับ:เหตุการณ์นี้คล้ายกับเหตุการณ์ oninput ความแตกต่างคือเหตุการณ์ oninput เกิดขึ้นทันทีหลังจากที่ค่าขององค์ประกอบเปลี่ยนไป ในขณะที่ onchange เกิดขึ้นเมื่อองค์ประกอบสูญเสียโฟกัส ความแตกต่างอีกประการหนึ่งคือเหตุการณ์ onchange ยังใช้งานได้กับองค์ประกอบ <select>
รองรับเบราว์เซอร์
Event Attribute | |||||
---|---|---|---|---|---|
onchange | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
<element onchange="script">
ค่าแอตทริบิวต์
Value | Description |
---|---|
script | The script to be run on onchange |
รายละเอียดทางเทคนิค
แท็ก HTML ที่รองรับ: | <input type="checkbox">, <input type="file">, <input type="password">, <input type="radio">, <input type="range">, <input type=" ค้นหา">, <input type="text">, <select> และ <textarea> |
---|
ตัวอย่างเพิ่มเติม
ตัวอย่าง
รัน JavaScript เมื่อผู้ใช้เปลี่ยนเนื้อหาของช่องใส่:
<input type="text" name="txt" value="Hello" onchange="myFunction(this.value)">
หน้าที่เกี่ยวข้อง
การอ้างอิง HTML DOM: เหตุการณ์ onchange
❮ คุณสมบัติเหตุการณ์ HTML