浅谈JS中的事件流

js事件流

1.什么是事件流

JS事件流最早要从IE和网景公司的浏览器大战说起,IE提出的是冒泡流,而网景提出的是捕获流,后来在W3C组织的统一之下,JS支持了冒泡流和捕获流,但是目前低版本的IE浏览器还是只能支持冒泡流(IE6,IE7,IE8均只支持冒泡流),所以为了能够兼容更多的浏览器,建议大家使用冒泡流。




    
    
    
    Document
    


    
测试以上代码,就会发现,当你点击inner小盒子的时候,会先后触发两个事件,先输出‘我是小盒子’,在输出‘我是大盒
子’,这个结果就跟事件流有关了,关于事件流,请看下图:
浅谈JS中的事件流_第1张图片
728493-20161002131045707-149289063.png

从图中我们可以知道

1、一个完整的JS事件流是从window开始,最后回到window的一个过程

2、事件流被分为三个阶段(15)捕获过程、(56)目标过程、(6~10)冒泡过程

3、在冒泡过程中6比7早触发,也就解释了上面那题,为什么btn1,会比content先触发

你可能感兴趣的:(浅谈JS中的事件流)