الأحداث

إن الأحداث عبارة عن أفعال يتم إنشائها من خلال الجافاسكربت JavaScript .


باستخدام الجافاسكربت يمكنك إنشاء صفحات انترنت ديناميكية علماً أن الأحداث عبارة عن أفعال يتم إنشائها من خلال الجافاسكربت JavaScript .

كل عنصر في HTML يمكن ادارج أحداث معه في الجافاسكربت . على سبيل المثال يمكن استخدام الحدث onClick على عنصر الزر ليشيربأن كود وظيفي سيتم استخدامه عند ضغط المستخدم على الزر . يمكن تعريف الأحداث في عناصر HTML .

أمثلة عن الأحداث 

  • عند الضغط بالماوس .
  • عند فتح صفحة أو صورة .
  • عند تمرير الماوس فوق نقطة معينة في صفحة الويب .
  • عند اختيار حقل نص في نماذج HTML .
  • عند الضغط على زر ارسال النموذج .
  • عند الضغط بزر لوحة الوسوم .

ملاحظة : عادة تستخدم الأحداث مع الأكواد الوظيفية أي أن الأكواد الوظيفية لن تعمل قبل حدوث الحدث .


استخدام الأحداث onLoad و onUnload

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

يستخدم الحدث onLoad عادة لفحص نوع متصفح المستخدم واصدار المتصفح وتحميل النسخة المناسبة لصفحة الويب التي تعتمد عليها المعلومات .

تتعامل كلاً من onLoad و onUnloadمع كوكيز المتصفح cookie التي تبقى في المتصفح عند دخول وخروج المستخدم من الصفحة . على سبيل المثال عند ظهور نافذة تسأل عن اسم المستخدم في الصفحة سيحفظ الاسم في ملف التأريخات و عند الدخول مرة أخرى على الموقع نفسه سترى مباشرة أنه سجل الدخول بدون طلب تسجيل الدخول ” مرحباً بك …. ” .


استخدام الأحداث onFocus و onBlur و onChange

تستخدم عادة الأحداث onFocus و onBlur و onChange مع تفعيل حقول النماذج forms .

في المثال التالي استخدمنا الحدث onChange وسيتم استدعاء الكود الوظيفي checkEmail() في حال قام المستخدم بتغيير محتوى الحقل .

ضع بريدك هنا :
<input type="text" size="30" id="email" onchange="checkEmail()" />