在别处单击时关闭侧边菜单

document.addEventListener('click', function(event) {
  var menu = document.getElementById('sidebar'); // 侧边菜单的容器元素
  var target = event.target; // 用户点击的元素

  // 判断用户点击的元素是否在侧边菜单内，如果不在则关闭侧边菜单
  if (!menu.contains(target)) {
    menu.style.display = 'none';
  }
});

<style>
  #sidebar:target {
    display: none;
  }
</style>

<div id="sidebar">
  <!-- 侧边菜单内容 -->
</div>

<a href="#sidebar">关闭侧边菜单</a>

document.addEventListener('click', function(event) {
  var menu = document.getElementById('sidebar'); // 侧边菜单的容器元素
  var target = event.target; // 用户点击的元素

  // 判断用户点击的元素是否为侧边菜单或者侧边菜单的子元素，如果不是则关闭侧边菜单
  if (target !== menu && !menu.contains(target)) {
    menu.style.display = 'none';
  }
});