Javascript 如何通过单击主体内部关闭侧边栏

嘿，我有一个offcanva侧边栏，它工作得很好。我想改变的是，用户应该关闭侧边栏，无论他们在哪里点击。例如在身体内部

目前，侧边栏中有一个关闭按钮，将其恢复为默认值

function openNav() {
    document.getElementById("left-sidebar").style.width = "250px";
}

function closeNav() {
    document.getElementById("left-sidebar").style.width = "0";
}

打开侧边栏

<a href="#"  onclick="openNav()"><i class="icon-menu"></i></a>

关闭侧边栏

<a href="javascript:void(0)" class="closebtn" onclick="closeNav()"></a>

---

你可以这样做

// Toogle Left Sidebar

$('#open-pulse-sidebar').click(function() {
  $('.pulse-sidebar').toggleClass('active')
})

$(document).click(function(e) {
  var sidebar = $(".pulse-sidebar, #open-pulse-sidebar");
  if (!sidebar.is(e.target) && sidebar.has(e.target).length === 0) {
    sidebar.removeClass('active')
  }
});

html:

---

你可以这样做

// Toogle Left Sidebar

$('#open-pulse-sidebar').click(function() {
  $('.pulse-sidebar').toggleClass('active')
})

$(document).click(function(e) {
  var sidebar = $(".pulse-sidebar, #open-pulse-sidebar");
  if (!sidebar.is(e.target) && sidebar.has(e.target).length === 0) {
    sidebar.removeClass('active')
  }
});

html:

---

可能重复的查询请参见下面的问题以了解非常类似的查询。这里的答案应该会有所帮助：我没法用..可能是重复的，请看下面的问题，了解一个非常类似的问题。这些答案在这里应该会有所帮助：这不是我干的。。

width: 19.24em;