JAVASCRIPT Tutorial

إزالة Event Listeners

خطوات عملية:

  1. حدد عنصر الاستماع: العثور على العنصر HTML الذي يحتوي على مستمع الحدث الذي تريد إزالته.
  2. استخدم removeEventListener: استدعِ removeEventListener على العنصر، مع تحديد نوع الحدث الذي تريد إزالته.
  3. حدد دالة المستمع: مرر دالة المستمع كوسيطة ثانية إلى removeEventListener.

المفاهيم الرئيسية:

  • removeEventListener: طريقة لإزالة مستمعي الأحداث من عناصر HTML.
  • إلغاء ربط مستمعي الأحداث: عملية فصل مستمعي الأحداث عن عناصر HTML.
  • إزالة الأحداث: منع مستمعي الأحداث من التنفيذ عند حدوث حدث.

مثال جافا سكريبت:

// حدد العنصر
const button = document.getElementById('myButton');

// أضف مستمع الحدث
button.addEventListener('click', () => {
  console.log('تم النقر فوق الزر!');
});

// أزل مستمع الحدث
button.removeEventListener('click', () => {
  console.log('تم النقر فوق الزر!');
});

في هذا المثال، تتم إزالة مستمع الحدث الخاص بنقرة الماوس من العنصر myButton# باستخدام طريقة removeEventListener. وهذا يمنع ظهور الرسالة "تم النقر فوق الزر!" عند النقر فوق الزر.