点击空白关闭元素与清除冒泡 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;
    }
  })
  1. Laravel5.7
  2. 微信相关
  3. Mysql
  4. 前端开发
  5. 随记
  6. 写作素材
  7. 开发工具
  8. 互联网