checkbox取消选中触发事件_DOM事件的使用---浮层

点开浮层、关闭浮层的例子，要求

1. 点击按钮弹出浮层
2. 点击别处关闭浮层
3. 点击浮层时，浮层不得关闭
4. 再次点击按钮，浮层消失

方法一

HTML

<div id="wrapper" class="wrapper">
  <button id="clickMe">点我</button>
  <div id="popover" class="popover">
     <input type="checkbox" >浮层
  </div>
</div>   //提示：记得在head处引用jQuery！！！

CSS

body{
    
  border: 1px solid red;
}
.wrapper{
    
  position:relative;
  display: inline-block;
}
.popover{
    
  border: 1px solid red;
  position:absolute;
  left:100%;
  top:0;
  white-space:nowrap;
  padding: 10px;
  margin-left: 10px;
  background: white;
  display: none;
}
.popover::before{
    
  position: absolute;
  right: 100%;
  top:5 px;
  border: 10 px