Javascript 汉堡包边栏-隐藏外部单击

当有人在外面点击时，我需要隐藏这个左侧边栏

我试着加上这个

$('.nav').click(function(event){
    event.stopPropagation();
});

并尝试添加

.stopPropagation（）到车身区域，单击但不工作。我用错了吗？
检查一下我做的小提琴：。我用附加div包装了您的菜单，并检查用户是否单击了该div或外部。然后我还要检查菜单是否折叠

  document.addEventListener("click", function(e) {
   var element = document.querySelector('.menu');
   if (e.target !== element && !element.contains(e.target) 
       && hamburger.nav.classList.contains('expanded')) {
         hamburger.doToggle(e);
       }
   });

检查一下我做的小提琴：。我用附加div包装了您的菜单，并检查用户是否单击了该div或外部。然后我还要检查菜单是否折叠

  document.addEventListener("click", function(e) {
   var element = document.querySelector('.menu');
   if (e.target !== element && !element.contains(e.target) 
       && hamburger.nav.classList.contains('expanded')) {
         hamburger.doToggle(e);
       }
   });

嘿，在您的代码中，您实际上没有使用jQuery，对吗？'：
hamburger.nav.addEventListener（'click'，函数（e）{hamburger.doToggle（e）；}）
code还有其他用途吗？如果您删除此侦听器，这似乎可以按预期工作。@JitendraG2是否可以？如果我在蓝色区域中单击，它不会关闭。@JitendraG2根本不工作。嘿，在您的代码中，您实际上没有使用jQuery，对吗？'：
hamburger.nav.addEventListener（'click'，函数（e）{hamburger.doToggle（e）；}）
code还有其他用途吗？如果您删除此侦听器，这似乎可以按预期工作。@JitendraG2是否可以？如果我在蓝色区域单击，它不会关闭。@JitendraG2根本不工作。工作正常。谢谢mn！工作很好。谢谢mn！