js点击元素之外的地方隐藏该元素

有时候我们会有这种情况,点击按钮(或者指定元素)显示一个菜单栏,点击按钮和菜单栏外的区域隐藏菜单栏;

主要运用阻止事件冒泡来实现;下面是全部代码:

Document

  • 内容1
  • 内容2
  • 内容3