Header Ads

الأحداث



إن الأحداث عبارة عن أفعال يتم إنشائها من خلال الجافاسكربت 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()" />
 





يتم التشغيل بواسطة Blogger.