DOM事件流

文章不易,请关注公众号 毛毛虫的小小蜡笔,多多支持,谢谢。

DOM事件触发顺序

遵循两个原则:
1、先触发捕获阶段,然后到目标阶段,最后到冒泡阶段
2、目标阶段,按照代码顺序来触发,不区分捕获和冒泡

Demo

代码


    
    事件流
    


    

效果如下截图所示:
DOM事件流_第1张图片

当点击绿色区域,输出顺序是这样的:
a1,b1,c1,c2,c3,c4,b2,a2

其实,根据上面说的准则来判断就可以。
1、先触发捕获阶段,所以先输出a1和b1



详情 请查看:毛毛虫的小小蜡笔

你可能感兴趣的:(dom)