ما هي وظيفة الـonchange فى الجافا سكربت؟


التعليقات

تستخدم لتغير قيمة العنصر أو المتغير

هذه الاجابه خاطئه للاسف,

onchange لايتم استخدامها فى تغيير قيمه العنصر المتغيير,

بل يتم استخدامها فى تنفيذ اي شيئ فى حاله القيام بالتغيير كما هو واضع من اسمها !.

فهمت شكرا لك.

https://jsfiddle.net/zakari...

عندما تغير محتوى input يتم تنفيذ الحدث onchange

شكرا جزيلاً، فهمت بأنه يطبع المحتوي الذي يتم إدخاله. يشبه خاصية الـ appendChild

@Hope لا يطبع المحتوي الذي يتم ادخاله فقط يقوم بتنفيذ اي شيئ عند التغيير, ويمكنك تطبيق النظريه على اي شيئ سواء كان input بعد تغيير محتواه يطبع ما به او يغير لونه او او,

او مثلا قائمه اختيارات بحيث يطبع الاختيار عند التغيير كما فى تعليقي فى الاسفل,

وظيفه onchange هي تنفيذ مابعد التغيير

فمثلا اذا كان لدينا قائمه من الاختيارات ونريد ان ننبه المستخدم انه قام بتغيير اختياره الي "كزا" (ما اختاره)

نستخدم onchange على ال select بحيث تقوم بطباعه ما اختاره فى كل مره يتغير الاختيار

https://www.w3schools.com/j...

الف شكر اخي.

مثلا عندما نعمل متجر إلكتروني صغير بإستخدام قائمة الـselect

عندما يتم إختيار البضاعة يظهر السعر المحدد لتلك البضاعة.

سأعذبك معي وأسألك ما الفرق بين الـ onchange والـonclick؟

لو كان طلب البضاعة بتم تنفيذه بإستخدام الـonclick ستم اولا اختيار البضاعة وبعدها الضغط على زر ما لكي يظهر سعرها. وايضا الـonclick يتم وضعها مرة واحدة فى الـbutton input بعكس الأخري اما غير صحيح؟

وهل يجب وضع onchange="دالة() " في كل محتوي الـinput لكي يتم تنفيذها؟

بالاخذ بالاعتبار المثال الخاص بك وهو المتجر, فمثلا فى صفحة المنتج يوجد اكتر من خيار للمنتج مثل اللون والحجم,

فنستخدم onchane للقائمة الخاصه بالالوان بحيث فى حالة اختيار احدهم نقوم بطباعه اللون المختار فى السلة او بجانب المنتج, اما onchange نستخدمها فى حالة الضغك على checkout او add to cart بحيث لانه في هذين مثلا لايمكننا احداث onchange وايضا فى حالة استخدام input فالكتابه فيه هي change وليست click

وهكذا