JS: Events
تعلّم Events في JS مع أمثلة عملية.
JS — Events
مقدمة
الأحداث تسمح لك بالتفاعل مع ضغط/كتابة/تمرير المستخدم.
ماذا ستتعلم؟
- addEventListener
- كائن الحدث
- preventDefault
- تفويض الأحداث
الصياغة
element.addEventListener("click", handler);
مثال
document.querySelector("form").addEventListener("submit", (e)=>{
e.preventDefault();
alert("تم الإرسال بدون إعادة تحميل!");
});
ملاحظات
- preventDefault يمنع السلوك الافتراضي.
- استخدم التفويض للقوائم الديناميكية.
جرّب بنفسك: افتح Playground: /ar/playground/html