最近更新
阅读排行
读过本文章的之前读了
关注本站

理解冒泡与捕获

阅读:5200 次   编辑日期:2014-01-22

目录:

概述:

如果在工作用经常使用点击事件的话,那么肯定会遇见冒泡的情况,那么什么是冒泡?与冒泡对应的是捕获,到底什么是捕获,今天我们来了解一下。

关于事件流:

DOM事件标准定义了两种事件流。这两种事件流分别是捕获和冒泡。

什么是冒泡:

说直白点,以点击事件为例,就是点击一个子元素,同时也把这个元素的父元素的点击事件触发了。
不明白的话,看下面的代码:
    //HTML:
    
//JS: $("#outer").click(function(){ alert("outer"); }) $("#inter").click(function(){ alert("inter"); })
上面的代码中,点击"#inter",会先弹出"inter",紧接着会弹出"outer".
为什么我点击子元素“#inter”的事件却会触发父元素的事件?
这就是冒泡了,点击子元素,同时会触发父元素的事件。

什么是捕获:

尽然冒泡明白了,捕获就好说了,捕获就触发父元素的时候把子元素的事件也给触发了。

总结:

说白了,冒泡就是从内向外触发,捕获就是由外至内触发
查看实例
将本篇文章分享到:
top