เหตุการณ์ onchange

เหตุการณ์ DOM Event องค์ประกอบ

การกำหนดและการใช้งาน

เหตุการณ์ onchange จะเกิดขึ้นเมื่อค่าขององค์ประกอบเปลี่ยนแปลง

สำหรับตัวเลือกเดี่ยวและตัวเลือกหลายรายการ จะมีเหตุการณ์ onchange ขณะที่สถานะที่ถูกเลือกเปลี่ยนแปลง

คำแนะนำ:เหมือนกับ เหตุการณ์ oninputต่างอยู่ที่ oninput หากมีการเปลี่ยนค่าขององค์ประกอบเกิดขึ้นทันที ในขณะที่ onchange หากมีการเปลี่ยนค่าขององค์ประกอบเกิดขึ้นหลังจากองค์ประกอบเสร็จสิ้นความสนใจ อีกตัวอย่างหนึ่งคือ onchange ยังสนับสนุนองค์ประกอบ <select> ด้วย

ตัวอย่าง

ตัวอย่าง 1

ปฏิบัติการ JavaScript ขณะที่ผู้ใช้เปลี่ยนค่าที่เลือกใน element <select>

<select onchange="myFunction()">

ลองด้วยตัวเอง

ตัวอย่าง 2

ปฏิบัติการ JavaScript ขณะที่ผู้ใช้แก้ไขเนื้อหาของช่องข้อมูล

<input type="text" onchange="myFunction()">

ลองด้วยตัวเอง

รูปแบบ

ใน HTML:

<element onchange="myScript">

ลองด้วยตัวเอง

ใน JavaScript:

object.onchange = function(){myScript};

ลองด้วยตัวเอง

ใน JavaScript ใช้วิธี addEventListener():

object.addEventListener("change", myScript);

ลองด้วยตัวเอง

หมายเหตุ:Internet Explorer 8 หรือตัวเวอร์ชั่นเก่ากว่าไม่สนับสนุน วิธีการ addEventListener()。

รายละเอียดเทคนิค

การลุกตัวระดับ การสนับสนุน
ยกเลิกได้ ไม่สนับสนุน
ประเภทเหตุการณ์ Event
ตรวจสอบ HTML แทรก checkbox, color, date, datetime, email, file, month, number, password, radio, range, search, tel, text, time, url, week, select และ textarea
เวอร์ชั่น DOM: Level 2 Events

การสนับสนุนโปรแกรมบราวเซอร์

เหตุการณ์ Chrome IE Firefox Safari Opera
onchange การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน
เหตุการณ์ DOM Event องค์ประกอบ