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();
})

正常情況下我點(diǎn)擊s2時是先彈出我是children，再彈出我是father，但是卻出現(xiàn)了先彈出我是father，后彈出我是children的情況
我嘗試了用原生的addEventListener（'click',fun,fasle）來處理，可以解決，但是由于這段代碼是后來生成的，所以不能用addEventListener。
請問如何在不改變html布局的情況下，阻止事件捕獲，是不是得在父元素事件里做判斷，
還有，為什么會出現(xiàn)這種情況，同事說是chrome版本問題，可是不知道怎么確定。