JavaScript

JavaScript DOM Events
الأحداث في لغة جافا سكريبت

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

التاريخ

10 نوفمبر 2021

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

1543

المواضيع

24
الشروحات 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.

معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.