点击显示，再次点击除自身外隐藏效果

    
    




demo

展示

重点是明白点击事件是冒泡的，从里向外依次扩散。所以只需要在点击里层元素，比如button和box元素本身的时候要用stopPropagation阻止事件继续向外扩散。而在点击document的时候，它已经不会继续向外扩散，因为document本身就是最外层了。
其实就是个事件冒泡的考察。当然对应的还是事件捕获和冒泡正好相反。