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

Что сделать чтобы закрыть dropdown при клике вне

Для закрытия dropdown при клике вне его области можно использовать обработчик события click на document, который проверяет, был ли клик вне dropdown. Пример:

javascript
document.addEventListener('click', (event) => {
  const dropdown = document.querySelector('.dropdown');
  const isClickInside = dropdown.contains(event.target);
  
  if (!isClickInside) {
    dropdown.classList.remove('open');
  }
});

Нюансы:

  • Убедитесь, что dropdown не закрывается при клике на его элементы (используйте contains).
  • Удаляйте обработчик при unmount компонента (в React — useEffect с cleanup).
  • Для вложенных dropdown проверяйте всех родителей.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы