كثيرا ما تصادفك قوائم في المواقع المختلفة كموقعنا مثلا ,والذي ستجد فيه عدد من القوائم بالأعلى مثل قائمة لغات المتصفح ,وعندما تشير بالماوس على رأس القائمة تظهر عناصر القائمة لك .هذه القوائم تعمل من خلال الجافا سكريبت و إشاراتك بالماوس على القائمة هي مثال للحدث event و الذي هو موضوع هذا الفصل .فما يتم هو أنه عندما تشير على القائمة(حدوث حدث ) يتم تنفيذ دالة معينه بالجافا سكريب فتظهر لك القائمة ,و تسمى الدوال التي تعمل عندما يحدث حدث event بالـ event handlers(معالجات الأحداث) . الحدث Event :هو في الغالب شيء يفعله المستخدم مثل الضغط على لنك في الصفحة أو شيء يحدث نتيجة ما يفعله المستخدم مثل إكتمال تحميل الصفحة التي طلبها المستخدم. من أمثلة الأحداث Events:

الحدث	الوصف
load	يحدث عندما يكتمل تحميل صفحة أو صورة
click	يحدث عندما يضغط المستخدم على لنك أو صورة أو أي عنصر من عناصر الصفحة
mouseover	يحدث عند دخول الماوس فوق عنصر
mouseout	عند إبتعاد الماوس من فوق عنصر
keydown	عند الضغط على أي زر في لوحة المفاتيح

معالج الحدث Event handler: و يسمى أيضا بال event listener,وهو عبارة عن دالة تعمل عندما يحدث حدث محدد مثلا دالة تعمل تلقائيا عند إكتمال تحميل الصفحة. هناك طريقيتن لمعالجة الأحداث (أي جعل دوال معينه تعمل عند حدوث الحدث) و هما:

• طريقة بسيطة و بدائية و تسمى بالـ ِDOM Level 0 events API و يتم فيها تعيين معالج الحدث (Event handler) للحدث من خلال صفات الهيتميل (html attributes)
• طريقة متطورة و مرنة و تسمى بالـ DOM Level 2 Event API ,و يتم فيها تعيين معالج الحدث للحدث من خلال دوال خاصة بذلك .