مستمعات الأحداث (Event Listeners) أكواد تراقب أحداث المستخدم، مثل النقر أو الكتابة أو التمرير، وتنفّذ دالة عند حدوثها.

const button = document.querySelector('#save');

button.addEventListener('click', () => {
  console.log('Saved!');
});

أحداث شائعة

• click: النقر.
• input: الكتابة في حقل.
• submit: إرسال نموذج.
• keydown: ضغط زر في لوحة المفاتيح.
• scroll: التمرير.

كائن الحدث

form.addEventListener('submit', (event) => {
  event.preventDefault();  // stop the page from reloading
});