今天遇到一个问题，听我细细道来一个div id=a 里面还有一个div id =b 问题是点击a会弹出a 那么点击b 会弹出b紧接着弹出a 我想实现的效果是点击b只弹出b

查资料后知道了  为什么点击b会弹出b再弹出a 这叫做js的冒泡触发，依次向外递归
话不多说上代码<div style="width: 400px;height: 400px;background-color: #678678;font:3em bold;" id="outDiv">
out
<div style="width: 200px;height: 200px;margin: 50px;background-color: #eaceac;font:1em bold;" id="inDiv">in</div>
</div> js inDiv.addEventListener('click',function(e){
alert('in');
e.stopPropagation();//终止事件冒泡
},false);
outDiv.addEventListener('click',function(e){
alert('out');
},false);
或者是$('#div1').click(function(e) {
alert('div1');
})
$('#div2').click(function(e) {
e.stopPropagation()
alert('div2');
    //e.stopPropagation() 位置在上在下无所谓
})e.stopPropagation()是阻止冒泡触发的功能（）