浅谈下js事件处理机制

    事件处理机制无非就是分两个阶段,第一个阶段是:事件捕获过程,第二个是:事件冒泡过程

    如图:

    浅谈下js事件处理机制

当我们点击某个节点时,实际上实现点击document这样一直往下每个节点都执行一遍,直到最后一个元素执行完,并不会在当前点击的节点停下,如果当前节点还有子节点那它的子节点也会执行,

当最后一个节点执行完成之后就会像图中一样向冒泡一样传递到document。

addEventListener(eventName,functionName,boolean)的第三个参数可以改变事件在什么时候执行,false时事件在冒泡的时候执行。