标签：
昨天有个面试官问我的问题，他直接问我两个DIV嵌套，都有click事件，单击的时候先弹出子DIV还是父DIV。完全不知所以然。
过后经过查询资料后，很是惭愧。原来他问的就是关于JS捕获和冒泡的。
我查询了一些资料：
事件捕获(父--》 子)
当你使用事件捕获时，父级元素先触发，子级元素后触发，即div先触发，p后触发。
事件冒泡(子--》 父)
当你使用事件冒泡时，子级元素先触发，父级元素后触发，即p先触发，div后触发。
W3C模型
W3C模型是将两者进行中和，在W3C模型中，任何事件发生时，先从顶层开始进行事件捕获，直到事件触发到达了事件源元素。然后，再从事件源往上进行事件冒泡，直到到达document。
那么程序员能不能自己选择触发哪种事件呢？当然可以。
程序员可以自己选择绑定事件时采用事件捕获还是事件冒泡，方法就是绑定事件时通过addEventListener函数，它有三个参数，第三个参数若是true，则表示采用事件捕获，若是false，则表示采用事件冒泡。
ele.addEventListener(‘click‘,doSomething2,true)
true=捕获
false=冒泡
传统绑定事件方式
在一个支持W3C DOM的浏览器中，像这样一般的绑定事件方式，是采用的事件冒泡方式。
ele.onclick = doSomething2
但是IE浏览器不支持这个addEventListener、也没有三个参数、也不支持事件捕获。但是IE也有一个函数，attachEvent
ele.attachEvent("onclick", doSomething2);
附：事件冒泡（的过程）：事件从发生的目标（event.srcElement||event.target）开始，沿着文档逐层向上冒泡，到document为止。
下边的内容是从其他博客摘过来的，可以借鉴http://blog.csdn.net/xqf309/article/details/8557493
做个小测试。感受一下冒泡事件。
标签：
原文地址：http://blog.csdn.net/hejiakuo/article/details/45846881
