حدث onchange
مثال
قم بتنفيذ JavaScript عندما يغير المستخدم الخيار المحدد لعنصر <select>:
<select onchange="myFunction()">
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
يقع حدث onchange عندما يتم تغيير قيمة العنصر.
بالنسبة للأزرار الراديوية وخانات الاختيار ، يقع حدث onchange عندما يتم تغيير الحالة المحددة.
نصيحة: هذا الحدث مشابه لحدث oninput . الفرق هو أن حدث oninput يحدث فورًا بعد تغيير قيمة العنصر ، بينما يحدث التغيير عندما يفقد العنصر التركيز ، بعد تغيير المحتوى. الاختلاف الآخر هو أن حدث onchange يعمل أيضًا على عناصر <select>.
دعم المتصفح
Event | |||||
---|---|---|---|---|---|
onchange | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
في HTML:
<element onchange="myScript">
في JavaScript:
object.onchange = function(){myScript};
في JavaScript ، باستخدام طريقة addEventListener ():
object.addEventListener("change", myScript);
ملاحظة: طريقة addEventListener () غير مدعومة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
فقاعات: | نعم |
---|---|
قابل للإلغاء: | رقم |
نوع الحدث: | حدث |
علامات HTML المدعومة: | <input type = "checkbox"> ، <input type = "color"> ، <input type = "date"> ، <input type = "datetime"> ، <input type = "email"> ، <input type = " file "> ، <input type =" month "> ، <input type =" number "> ، <input type =" password "> ، <input type =" radio "> ، <input type =" range "> ، < نوع الإدخال = "search"> ، <input type = "tel"> ، <input type = "text"> ، <input type = "time"> ، <input type = "url"> ، <input type = "week "> و <حدد> و <منطقة> |
إصدار DOM: | أحداث المستوى 2 |
مزيد من الأمثلة
مثال
قم بتنفيذ JavaScript عندما يغير المستخدم محتوى حقل الإدخال:
<input type="text"
onchange="myFunction()">