点空白关闭与清除冒泡

点击空白关闭元素

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

$(document).click(function(){
    弹窗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;
    }
})

封装

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

应用

clear(btn1);