最近更新
阅读排行
读过本文章的之前读了
关注本站
理解冒泡与捕获
阅读：5011 次 编辑日期：2014-01-22
目录：
概述：
如果在工作用经常使用点击事件的话，那么肯定会遇见冒泡的情况，那么什么是冒泡？与冒泡对应的是捕获，到底什么是捕获，今天我们来了解一下。
关于事件流：
DOM事件标准定义了两种事件流。这两种事件流分别是捕获和冒泡。
什么是冒泡：
说直白点，以点击事件为例，就是点击一个子元素，同时也把这个元素的父元素的点击事件触发了。
不明白的话，看下面的代码：
//HTML：
//JS：
$("#outer").click(function(){
alert("outer");
})
$("#inter").click(function(){
alert("inter");
})
上面的代码中,点击"#inter",会先弹出"inter",紧接着会弹出"outer".
为什么我点击子元素“#inter”的事件却会触发父元素的事件？
这就是冒泡了，点击子元素，同时会触发父元素的事件。
什么是捕获：
尽然冒泡明白了，捕获就好说了，捕获就触发父元素的时候把子元素的事件也给触发了。
总结：
说白了，冒泡就是从内向外触发，捕获就是由外至内触发。
