addEventListener к телу, чтобы переключить назад навигационную панель - PullRequest
Новая
       51

addEventListener к телу, чтобы переключить назад навигационную панель

0 голосов
/ 22 апреля 2020

Я изо всех сил пытаюсь найти способ добавить прослушиватель событий в документ, который заставляет панель навигации переключаться назад без необходимости доступа к меню бургера.

Я думал об использовании: 

document.body.addEventListener("onclick", function{  

 } );

Но я не знаю, как мне упомянуть эффект переключения 

const navSlide = () => {
  const burger = document.querySelector(".burger");
  const nav = document.querySelector(".nav-links");

  burger.addEventListener("click", () => {
    nav.classList.toggle("nav-active");
  });
};

navSlide();

1 Ответ

0 голосов
/ 22 апреля 2020

Вы можете использовать делегирование событий, чтобы проверить, не нажимаете ли вы значок бургера, а затем удалить класс nav-active. 

document.addEventListener("click", (e) => {
    if (!['fas','burger'].some(el => e.target.classList.contains(el))) {
              nav.classList.remove("nav-active");
 }
});

Здесь - это обновленный Codepen .

...