في هذا الدرس 7تصفّح المواضيع
الأحداث هي الإجراءات أو الوقائع التي تحدث في النظام الذي تم برمجته عندما يتفاعل المستخدمين مع تطبيقات الويب، وهذا التفاعل يتم عن طريق:
- احتكاكات المستخدمين مع mouse.
- احتكاكات المستخدمين مع keyboard.
- احتكاكات المستخدمين مع screen.
- احتكاكات المستخدمين مع scrolling.
- تحميل صفحة الويب.
طرق كتابة JavaScript event:
- event attribute بداخل علامة open tag للعنصر عن طريق خصائص جافا سكريبت.
- event methods عن طريق دوال مجهزة في لغة جافا سكريبت
- addEventListener عن طريق هذة الدالة.
هذه قائمة تشمل جميع الأحداث التي تتم عن طريق احتكاك المستخدم مع mouse مع صفحة الويب بلغة جافا سكريبت.
| الحدث | وظيفته |
| click | النقر بزر mouse اليسار |
| oncontextmenu | النقر بزر mouse اليمين |
| ondblclick | النقر مرتين بزر mouse اليسار |
| onmousedown | عندما يقع إرتكاز mouse علي عنصر |
| onmouseenter | عندما يتم تمرير مؤشر mouse علي عنصر محدد |
| onmouseleave | عندما يتم الذهاب بمؤشر mouse من علي عنصر محدد |
| onmousemove | عند تمرير مؤشر mouse أعلي عنصر |
| onmouseout | عند الذهاب خارج العنصر بمؤشر mouse |
| onmouseover | عندما يتم تحريك مؤشر mouse علي عنصر أو احد أبناء هذا العنصر |
| onmouseup | عندما يتم أفلات المستخدم نقر mouse من عنصر محدد |
| onscroll | عندما يقوم المستخدم بتحريك زر mouse الدائري الموجود بين الزر الأيمن الأيسر لأعلي أو لأسفل |
هذه قائمة تشمل جميع الأحداث التي تتم عن طريق احتكاك المستخدم مع keyboard مع صفحة الويب بلغة جافا سكريبت.
| الحدث | الوظيفه |
| onkeydown | يقع الحدث عندما يضغط المستخدم على مفتاح لوحة المفاتيح |
| onkeypress | يقع الحدث عندما يضغط المستخدم على مفتاح لوحة المفاتيح |
| onkeyup | يقع الحدث عندما يقوم المستخدم عند ترك مفتاح لوحة المفاتيح |
هذه قائمة تشمل جميع الأحداث التي تتم عند مراحل تحميل صفحة الويب بلغة جافا سكريبت.
| الحدث | الوظيفه |
| onload | عندما يتم تحميل الصفحة بالكامل |
| onbeforeunload | عندما يكون المستند غير مرئياً وفي حالة قبل إلغاء التحميل |
| onunload | عندما يتم إلغاء تحميل الصفحة |
| resize | عندما يتم تكبير أو تصغير نافذة صفحة الويب |
| onDOMContentLoaded | عندما يتم تحميل شجرة DOM كاملة |
هذه قائمة تشمل جميع الأحداث التي تتم عند التعامل مع clipboard ذاكرة التخزين المؤقتة صفحة الويب بلغة جافا سكريبت.
| الحدث | الوظيفه |
| oncopy | عندما يقوم المستخدم بنسخ المحتوي |
| oncut | عندما يقوم المستخدم بقص المحتوي |
| onpaste | عندما يقوم المستخدم بلصق المحتوي |
| onselect | عندما يقوم المستخدم بتحديد المحتوي |
هذه قائمة تشمل جميع الأحداث التي تتم عند التعامل مع form مع صفحة الويب بلغة جافا سكريبت.
| الحدث | الوظيفه |
| onfocus | عندما يقوم المستخدم بنسخ المحتوي |
| onblur | في أول لحظة عندما يقوم المستخدم بإلغاء الارتكاز علي input محدد |
| onchange | عندما يتم تغيير القيمة داخل input محدد |
| onsubmit | عندما يتم إرسال البيانات من form إلي السيرفر |
لمعرفة المزيد من الأحداث في لغة جافا سكريبت برجاء زيارة هذه الصفحة evenets.
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.