通常在元素嵌套的情况下,如果我们给内外两级元素分别添加了相同事件(如onclick),则在我们点击内部元素时会先后执行内外两级上的(onclick)事件,这种行为成为冒泡.
如:
<div onclick=foo()>
<img src='xxx.gif' onclick=bar()>
</div>
如果我们点击vxxx.gif则会先后执行bar()和foo()两个函数,为防止冒泡,我们需要在内部函数中添加event.cancelBubble = true; (本例在bar()中添加)。注:此方法只适用于IE