阻止冒泡遇到的问题

第一种场景：js原生写的一个下拉列表 .allBox  按钮 .allIndustry，列表显示时，遮罩层出现，点击任何位置 ，列表收起，遮罩层隐藏。

$('body').bind('click', function () {     
$('.mask').hide();
$(".allBox").hide();
})
$(".allIndustry").bind('click', function (e) {
    stopPropagation(e);
});

第二种场景：点击父div .list 进入另一个 页面，点击其子类button  .sureDiv ，仅仅button改变颜色,阻止点击button进入另一个页面；

$("body").on('click','.list',function(){
    window.location.href='';
});

$(".businessBox").on('click', ".sureDiv",function (e) {
    stopPropagation(e);
});

中间遇到了问题 1. 如果把场景二中的body 改为businessBox 不能阻止冒泡， 为什么必须要是body?

2.如果场景二中的on 改为bind ,不能阻止冒泡。为什么？

这是临时遇到的问题，现在没有时间去找到原因，先在这里做个记录，随后找到具体原因，再补充。也希望有清楚原理的伙伴儿，不吝赐教。

转载于:https://my.oschina.net/u/2945487/blog/978883