فقرة فرعية #2 من درس: أحداث form في لغة جافا سكريبت

JavaScript on blur event حدث بعدما تتغير قيمة input في لغة جافا سكريبت

سوف تتعلم في هذا الدرس أهم الأحداث التفاعلية في لغة سكريبت مع عناصر form مثل أحداث تغيير قيمة input أو عند إرسال البيانات submit.

1 صفوف تعليمية

جافا سكريبت

3,328 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

في لغة جافا سكريبت يمكن بعد تغيير قيمة input يتم تنفيذ أمر برمجي داخل صفحة الويب مثل إضافة border للحقل.

كتابة event جافا سكريبت داخل العنصر في صفحة HTML.

HTML

<input type="text" class="input" placeholder="Enter Username" onchange="alert('onchange')" onblur="alert('onblur')">

كتابة event جافا سكريبت داخل دالة في جافا سكريبت.

HTML

input.onblur = function(){
  input.style.border='2px solid red';
}

كتابة event جافا سكريبت داخل دالة addEventListener في جافا سكريبت.

HTML

input.addEventListener('blur',()=>{
   input.style.border='2px solid red'
});