什么是泡沫事件
当建立多个div的嵌套时,即建立父子关系。当父div和子div加入onclick事件联系在一起,当亚div的onclick事件被触发时,子div执行js操作。但父div的onclick事件也将被触发,这引起事件的多个并发,造成页面的混乱。这是泡沫事件。

消除气泡事件的方法
防止Javascript事件冒泡(cancelbubble,里面)

下面的部分代码可以很好的解释气泡效果,这是消除气泡的效果。
复制代码代码如下所示:


防止Javascript事件冒泡(cancelbubble,里面)


函数doSomething(obj,EVT){
警报(obj。ID);
var =极值理论(EVT):window.event; / /判断浏览器的类型,IE内核的浏览器使用基于cancelbubble
如果(窗口事件){
e.cancelbubble =真;
{人}
( / / / / e.preventDefault);里面的方法在Firefox内核基于浏览器的支持
e.stoppropagation();
}
}




这是parent1部

这是孩子。

这是parent1部



这是parent2部

这是$child2。将泡沫。

这是parent2部




当你直接将代码复制,打开孩子的对话框和弹出parent1当你点击孩子

这是泡沫事件。

但点击chile2只弹出$child2但不弹出parent2,这是一个特殊的效果,防止起泡事件施加影响。