点击空白关闭元素与清除冒泡 2018-01-11 10:09:40

点击空白关闭元素

假设有一个按钮，叫btn1，点击它，会弹出弹窗1

$(document).click(function()P={
    弹窗1.hide();
  });

当用户点击document（也即是页面最外面的框）时，会关闭弹窗1 然，这时候，因为冒泡原因，会导致点击btn1无效，因为btn1被包含在document中，点击document，也就相当于点击了btn1 因此，这时候，我们需要清除冒泡

清除冒泡

Btn1.click(function(){
    If(event.stopPropagation){
      //不是IE
      event.stopPropagation();
    }else{
      //ie7 8
      window.event.cancelBubble = true;
    }
  })