概念:事件流就是当我们触发一个事件时,经过一系列操作的过程称为事件流,简单通俗来讲就是点击事件后,按顺序执行的就是事件流。那事件是什么呢?事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。
分类:
1.冒泡事件流:从明确事件源到不明确的事件源依次向上响应。
2.捕获事件流:从不确定事件源到确定事件源依次向下响应。
3.addEventListener(event,function,useCapture布尔值) //默认为false冒泡,true为捕获。
addEventListener
addEventListener:DOM2级时间新增的指定事件处理程序的操作。此方法接收的三个参数为:“要处理的时间名”“事件处理程序的函数”“一个布尔值”
当布尔值为true时,表示“捕获阶段”调用事件处理程序
当布尔值为false时,表示“冒泡阶段”调用事件处理程
如何实现先冒泡再捕获
在w3c标准中正常的执行顺序为:应先捕获再冒泡。
现要实现先冒泡再捕获,给一个元素绑定两个addEventListener。其中第三个参数为true(捕获)和false(冒泡),调整正常的代码顺序,将设置false的监听事件放在设置true的监听事件前面即可。此可使冒泡先执行。