e.stopPropagation() 失效原因

···

···
假如此父子元素为 动态添加的元素 所以在添加事件的时候需要绑定到父级元素
例如：父元素事件

$("body").on("click",".father",function(e){
       alert(1)
});

例如：子元素事件

$(document).on("click",".son",function(e){
       e.stopPropagation();
       alert(2)
});

按道理来讲 子元素事件中添加了e.stopPropagation();会默认不执行父元素的事件，但此处依然执行。原因是父子元素绑定了不同的父元素，导致e.stopPropagation() 没有起作用;此处的解决办法只要将body改成document或者document改成body就可以了。