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

Как скрыть элемент при клике вне

javascript
document.addEventListener('click', (event) => {
  const element = document.getElementById('myElement');
  if (!element.contains(event.target)) {
    element.style.display = 'none';
  }
});

Этот код скрывает элемент при клике вне его области. Важные моменты:

  1. Проверяем, что клик был вне элемента через contains()
  2. Работает для кликов по всему документу
  3. Можно добавить исключения для других элементов

Для более сложных случаев можно использовать делегирование событий или React-подобные решения с обработчиками порталов.

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

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

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

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