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