Встречается на собеседованиях • сегодня

Как снять обработчик после закрытия модального окна

При закрытии модального окна важно удалять обработчики событий, чтобы избежать утечек памяти. Вот основные подходы:

Через removeEventListener:

javascript

const modal = document.getElementById('modal');
const handler = () => console.log('Clicked');

modal.addEventListener('click', handler);

// При закрытии
modal.removeEventListener('click', handler);

text


2. **Используя AbortController** (современный способ):
```javascript
const controller = new AbortController();

modal.addEventListener('click', () => {}, {
  signal: controller.signal
});

// При закрытии
controller.abort();

В React/Vue - используйте хук очистки эффекта:

jsx

useEffect(() => {
  const handler = () => {};
  window.addEventListener('resize', handler);
  
  return () => window.removeEventListener('resize', handler);
}, []);

Для jQuery модалок можно использовать .off() перед закрытием.

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!

Попробовать бесплатно

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы