返回

javascript-导航-外部点击

发布时间:2022-05-30 01:36:25 343
# 前端

自从在文档中添加事件监听器以在外部单击时关闭导航以来,burger菜单已经从100%有效变为激活活动类,变得不那么有效,而且并不总是创建事件。任何帮助都将不胜感激。

const burger = document.querySelector('.nav-mob-menu');
const mobNav = document.querySelector('.mobile-nav-side');

burger.addEventListener('click', () => {
  mobNav.classList.toggle('active');
  burger.classList.toggle('active');
})

document.querySelectorAll('.links').forEach(e => 
e.addEventListener('click', () => {
    burger.classList.remove('active');
    mobNav.classList.remove('active');
}))

document.addEventListener('click', (e) => {
if(e.target.id != 'nav-mob-menu' && e.target.id != 'mobile-nav-side'){
    mobNav.classList.remove('active');
    burger.classList.remove('active');
}
})
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(0)
按点赞数排序
用户头像