HTML onchange Attribute
ความหมายและการใช้งาน
แอตทริบิวต์ เริ่มonchangeทำงานเมื่อค่าขององค์ประกอบเปลี่ยนไป
เคล็ดลับ:เหตุการณ์นี้คล้ายกับ
oninputกิจกรรม ความแตกต่างคือoninputเหตุการณ์เกิดขึ้นทันทีหลังจากที่ค่าขององค์ประกอบเปลี่ยนไป ในขณะที่onchangeเกิดขึ้นเมื่อองค์ประกอบสูญเสียโฟกัส ความแตกต่างอีกประการหนึ่งคือonchangeเหตุการณ์ยังทำงานกับ<select>องค์ประกอบต่างๆ
นำไปใช้กับ
แอตทริบิวต์onchangeนี้เป็นส่วนหนึ่งของแอตทริบิวต์เหตุการณ์และใช้กับองค์ประกอบ HTML ใดก็ได้
| องค์ประกอบ | เหตุการณ์ |
|---|---|
| องค์ประกอบ HTML ทั้งหมด | onchange |
ตัวอย่าง
เลือกตัวอย่าง
เรียกใช้ JavaScript เมื่อผู้ใช้เปลี่ยนตัวเลือกที่เลือกขององค์ประกอบ <select>:
<select onchange="myFunction()">
ตัวอย่างอินพุต
รัน JavaScript เมื่อผู้ใช้เปลี่ยนเนื้อหาของช่องใส่:
<input type="text" name="txt" value="Hello" onchange="myFunction(this.value)">
รองรับเบราว์เซอร์
| Event Attribute | |||||
|---|---|---|---|---|---|
| onchange | Yes | Yes | Yes | Yes | Yes |