JavaScript事件流

187 阅读1分钟

JavaScript事件流?

javascript和html之间的交互是通过 <事件> 实现的;
<事件> : 就是用户或浏览器自身执行的某种动作,例如:点击,鼠标移入移出等;

JavaScript事件流

1. 事件流:描述的是从页面中接收时间的顺序;

2. 事件流包括三个阶段: (1)事件捕获阶段;
                       (2)处于目标阶段;
                        (3)事件冒泡阶段;
                        
3. 事件冒泡:IE的事件流叫做事件冒泡,即事件开始时由最具体的元素(目标触发的元素)的接收,然后逐级向上传播,直到window对象。<自下而上>

4. 事件捕获:即从document逐级向下传播到目标元素。由于IE低版本浏览器不支持,所以很少使用事件捕获。<自上而下>

image.png