DOM事件传播机制（javascript）

首先，先用一张图（以HTML-->button为例）简单了解一下DOM事件传播机制的基本原理：

一个事件从触发到响应，会经历两个阶段（挖洞和冒泡的过程）：

挖洞：先从根标签开始，逐层向子标签传递这个事件，直到遇见事件目标（button）结束，然后由事件目标开始响应事件，并且调用事件函数。

冒泡：事件目标响应事件，调用事件函数，逐层向父标签传递事件响应，直至HTML根标签结束。

注意：事件函数默认是在冒泡过程中调用的，可以通过addEventListener()设置第三个参数为True,改为挖洞过程调用。对于事件传播流程来看，挖洞总是在冒泡之前执行，对于最里层的事件目标也是如此。（例外的是，在火狐浏览器中，对于事件目标，挖洞函数和冒泡函数谁先绑定执行谁。）

    
    
    
    


    

        点我
        百度一下