DrSchool تعلّم البرمجة بسرعة.
EN AR BN CS DE EL بحث

JS: Events

تعلّم Events في JS مع أمثلة عملية.

وقت القراءة: 1 min عدد الكلمات: 35
افتح التجربة → HTML تقدمي

JS — Events

مقدمة

الأحداث تسمح لك بالتفاعل مع ضغط/كتابة/تمرير المستخدم.

ماذا ستتعلم؟

  • addEventListener
  • كائن الحدث
  • preventDefault
  • تفويض الأحداث

الصياغة

element.addEventListener("click", handler);

مثال

document.querySelector("form").addEventListener("submit", (e)=>{
  e.preventDefault();
  alert("تم الإرسال بدون إعادة تحميل!");
});

ملاحظات

  • preventDefault يمنع السلوك الافتراضي.
  • استخدم التفويض للقوائم الديناميكية.

    جرّب بنفسك: افتح Playground: /ar/playground/html