在工具条外点击时如何隐藏工具条？

document.addEventListener('click', function(event) {
  var toolbar = document.getElementById('toolbar'); // 假设工具条的id为toolbar
  if (!toolbar.contains(event.target)) {
    toolbar.style.display = 'none';
  }
});

$(document).click(function(event) {
  var toolbar = $('#toolbar'); // 假设工具条的id为toolbar
  if (!toolbar.is(event.target) && toolbar.has(event.target).length === 0) {
    toolbar.hide();
  }
});

<style>
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    pointer-events: none;
  }
  .overlay:not(#toolbar):active + #toolbar {
    display: none;
  }
</style>

<div class="overlay"></div>
<div id="toolbar">工具条内容</div>