一、何为冒泡事件

如果我们在网页中设定了多个div的嵌套，那就形成了父子关系，当父div与子 div共同加入了onclick事件时，如果我们触发了子div的onclick事件后，子div进行相应的js操作。但其父div的onclick事件 同样会被触发了。这就造成了事件的多层并发，导致错误。如下例中当点击“儿子A”时，会弹出“爸爸A”。但我们的意愿是只弹出”儿子A”

二、消除冒泡事件的方法
阻止JS事件冒泡传递的方法

cancelBubble :IE

stopPropagation:非IE

三、HTML代码

四、最简单的JS

当点击”儿子B“时不会弹出”爸爸B“