مثال
تنفيذ جافا سكريبت عندما يغير المستخدم الخيار المحدد من <select> العنصر:
<select onchange="myFunction()"> انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
يحدث الحدث onchange عندما تم تغيير قيمة عنصر.
لradiobuttons وخانات، ويحدث الحدث onchange عندما تم تغيير حالة التحقق.
نصيحة: هذا الحدث هو مماثل ل oninput الحدث. والفرق هو أن هذا الحدث oninput يحدث مباشرة بعد تغير قيمة عنصر، بينما يحدث عند_التغيير عندما يفقد عنصر التركيز، بعد أن تم تغيير المحتوى. الفرق الآخر هو أن الحدث onchange يعمل أيضا على <keygen> و <select> العناصر.
دعم المتصفح
| هدف | |||||
|---|---|---|---|---|---|
| onchange | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
في HTML:
في جافا سكريبت:
object .onchange=function(){ انها محاولة لنفسك » في جافا سكريبت، وذلك باستخدام addEventListener() الأسلوب:
object .addEventListener("change", myScript );
انها محاولة لنفسك » ملاحظة: addEventListener() لا يتم اعتماد طريقة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
| فقاعات: | نعم فعلا |
|---|---|
| للإلغاء: | لا |
| نوع الحدث: | هدف |
| علامات HTML المعتمدة: | <إدخال نوع = "مربع">، <إدخال نوع = "لون">، <إدخال نوع = "تاريخ">، <إدخال نوع = "التاريخ والوقت">، <إدخال نوع = "البريد الإلكتروني">، <إدخال نوع = " ملف ">، <نوع الإدخال =" الشهر ">، <إدخال نوع =" عدد ">، <إدخال نوع =" كلمة المرور ">، <إدخال نوع =" الراديو ">، <إدخال نوع =" نطاق ">، < إدخال نوع = "بحث">، <إدخال نوع = "الهاتف">، <إدخال نوع = "نص">، <إدخال نوع = "الوقت">، <إدخال نوع = "URL">، <إدخال نوع = "أسبوع ">، <كجن>، <select> و <textarea> |
| صفحة DOM: | مستوى 2 الفعاليات |
مزيد من الأمثلة
مثال
تنفيذ جافا سكريبت عندما يغير المستخدم محتوى حقل المدخلات:
<input type="text"
onchange="myFunction()">
انها محاولة لنفسك » <كائن الحدث