خطوة بخطوة نحو الهدف

ما وظيفة addEventListener في JavaScript؟

سهلقراءة دقيقةآخر تحديث 1 أكتوبر 2026

الإجابة

addEventListener تضيف مستمعًا لحدث على عنصر معين، فتُنفَّذ دالة عند حدوثه:

element.addEventListener('click', handleClick);

function handleClick(event) {
  console.log('Clicked', event.target);
}

إزالة المستمع

element.removeEventListener('click', handleClick);

يجب تمرير الدالة نفسها، لذلك لا تنجح الإزالة مع دالة مجهولة كُتبت مباشرة.

button.addEventListener('click', run, { once: true });   // only the first click
window.addEventListener('scroll', onScroll, { passive: true });

اختبر فهمك