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