فاصلة
  • JAVASCRIPT
  • ?
    : ترتيب الدرس
  • 11
    عدد الدروس
  • ?
    أخر تحديث

الأحداث Event في الجافاسكربت

تتعامل الأحدث مع المستخدم  بشكل وثيق جداً لأن المستخدم هو من يقوم بأنشاء الحدث لأن الحدث هو كل تفاعل من المستخدم مع صفحة الويب مثل الضغط بمؤشر الماوس علي العنصر أو حتي الوقوف بمؤشر الماوس علي العنصر وكل تفاعل من المستخدم مع الصفحة يسمي بالحدث, يمكنك الأفتراض بأن هناك زر عندما يتم الضغط علية سوف يتم تغيير لون خلفية الموقع إلي اللون الأخضر ,في تلك الحالة يتم تركيب نوع من أنواع الحدث داخل الزر يقوم بتغيير لون خلفية الموقع إلي الأخضر  عند الضغط علية  .مثلاً : الأضائة في بمنزلك مرتبطة بزر عندما تقوم بالضغط علية سوف يتم تشغيل الأضاءة وهذا يعتبر من أنواع الحدث لأنك تفاعلات مع زر الأضائة ومن ناحية أخري تم تشغيل الأضاءة.

أنواع  الأحداث 

يتوفر أنواع كثيرة من الأحداث في الجافاسكربت قادرة علي التحكم في كل تفاعلات المستخدم في الموقع ,فكل حركة يقوم بها المستخدم في الموقع تعتبر نوع من أنواع الأحداث, فعندما يضغط المستخدم علي أي شيء في الموقع فهذا يعتبر من أنواع الأحداث في لغة الجافاسكربت وعندما يكتب المستخدم أي شيء في الموقع فهذا ايضاً يعتبر نوع من  أنواع الأحداث في الجافاسكربت .

الحدث
وصف الحدث
onclick
عند الضغط علي العنصر مره واحدة
ondbclickعند الضغط علي العنصر مرتين
onloadيتم تشغيل الحدث عن تحميل الصفحة بالكامل
onscroll
عند تمرير الــ scroll
onblurيتم تشغيل الحدث عندما تبتعد عن حقل الأدخال
onchange
يتم تشغيل الحدث عند تحديد خيار من العنصر select
oncopy
عند نسخ النص من الحقل input
oncutعند قص النص ctrl+x من الحقل input
onfocusعند تحديد حقل الادخال input
onpastعند لصق نص في الحقل input
onselectعند تظليل النصوص في الحقل input
onkeydownعند كتابة اي شيء في الحقل

الحدث onclick

هو حدث مرتبط مع مؤشر الماوس, بحيث لو قام المستخدم بالضغط علي العنصر الذي يحمل الحدث سوف يتم تنفيذ المهام المطلوبة, يمكن تغيير لون العنصر او الحجم أو أي شيء داخل العنصر يمكنك تغييرها عن طريق الحدث onclick .

الحدث ondbclick

هو أختصار لــ duble click أو النقر المزدوج , بحيث يتم تشغيل الحدث عند النقر علي العنصر نقرتين متتاليتين بشكل مباشر, هو نفس الحدث onclick والأختلاف يوجد في ان الحدث onclick يعمل من نقرة واحدة ولكن الحدث ondbclick يعمل من نقرتين متتاليتين .

الحدث onload

يستخدم الحدث onload عند تحميل صفحة الويب بالكامل من ملفات وصور وبيانات, وعند أنتهاء التحميل يتم تنفيذ الحدث, قد يكون مرتبط مع الحدث رسالة تظهر للترحيب بالمستخدم عند تحميل الصفحة أو حتي أي وظيفة أخري يتم تشغيلها عند أنتهاء تحميل الصفحة بالكامل .

الحدث onscroll

الحدث onscroll مسؤول عن تنفيذ المهام عند تحريك الــ srcroll الخاص بالعنصر , يمكنك استخدام الحدث داخل الــ scroll الرئيسي للصفحة أو حتي اي عنصر أخر يحتوي علي scroll .

الحدث onblur

يتم استخدام الحدث onblur مع نماذج الأدخال input , فعندما تقوم بتحديد النموذج للكتابة ومن ثم تقوم بألغاء تحديد النموذج يتم تنفيذ الحدث, ويعتبر الحدث onblur هو عكس الحدث onfucus

الحدث onchange

يوجد في لغة HTML عنصر الـ select وهو عنصر مسؤل عن تحديد بعض الأختيارات ومن يختار المستخد أي أختيار من المحدد, ومع الحدث onblur يمكنك تنفيذ بعض العمليات عندما يقوم المستخدم بأختيار أي قيمة من الأختيارت المتاحة . 

الحدث oncopy

يمكنك تنفيذ بعض المهام عندما يقوم المستخدم بنسخ أي نص موجود داخل نماذج الأدخال input , بحيث لو قام المستخدم بنسخ محتوي النموذج عن طريق الضغط علي rightclick+copy او حتي عن طريق ctrl+c  يتم تشغيل نتائج الحدث.

الحدث oncut

يمكنك تنفيذ بعض المهام عندما يقوم المستخدم بقص أي نص موجود داخل نماذج الأدخال input , بحيث لو قام المستخدم بقص محتوي النموذج عن طريق الضغط علي rightclick+cut أو حتي عن طريق ctrl+x  يتم تشغيل نتائج الحدث. وهو نفس الحدث oncopy والأختلاف ف النسخ أو القص .

الحدث onfocus

يتم تشغيل الحدث onfocus عندما يقف المستخدم داخل حقل الادخال input وهذا بدون أن يكتب أي شيء أو حتي يفعل أي شيء, فبمجرد الوقوف داخل مربع الأدخال فقد يتم تشغيل الحدث .

الحدث onselect

يتم تشغيل الحدث onselect عندما يقوم المستخدم بتظليل النصوص الموجودة داخل الحقل input, وتظليل النصوص هو أعطائها الخلفية الزرقاء التي تظهر أستعداداً لنسخ أو قص النص .

الحدث onkeydown

هو من أهم الأحداث في الجافا سكربت لأنة مسؤول عن تنفيذ مهام في حالة كتابة أي شيء في حقل الأدخال input, فعندما تكتب مجرد حرف واحد داخل input يقوم بتنفيذ الحدث .


التضمين المخرجات أساسيات التعليقات المتغيرات العمليات الحسابية أنواع البيانات الدوال الشرطية حلقات التكرار الدوال الأحداث