嵌套在安卓app里的h5页面，js事件机制出现了异常

Question

html代码如下

<div id="father" class="ss1">s1<div id="children" class="ss2">s2</div></div>

事件绑定如下

$('#father').on('click',function (e) {

alert('我是father')

})

$('#children').on('click',function (e) {

alert('我是children')

e.stopPropagation();

})

正常情况下我点击s2时是先弹出我是children，再弹出我是father，但是却出现了先弹出我是father，后弹出我是children的情况

我尝试了用原生的addEventListener（'click',fun,fasle）来处理，可以解决，但是由于这段代码是后来生成的，所以不能用addEventListener。

请问如何在不改变html布局的情况下，阻止事件捕获，是不是得在父元素事件里做判断，

还有，为什么会出现这种情况，同事说是chrome版本问题，可是不知道怎么确定。