- 事件流
- 定义
DOM(文档对象模型)是一个树形结构。当一个节点发生事件时,会在根节点和该节点之间的路径进行传播,这个路径上的所有节点都会收到该事件,这个过程就叫做事件流。 - 阶段
捕获阶段:事件从Document自上向下到目标节点传播事件的阶段
目标节点:目标节点真正的处理事件的阶段
冒泡阶段:事件从目标节点自下向上到document传播事件的阶段
- 定义
- 事件代理
- 定义
子节点向父节点冒泡时候,事件会被父节点捕获,因此将子节点的监听定义在父节点上,一个父节点可以监听多个子节点事件,这个过程叫做事件代理 - 优点:较少内存的消耗,不需要每个子节点都绑定事件,提高性能
- 定义
- 怎么阻止事件传播,和默认行为
阻止默认行为:event.preventDefault
阻止传播:event.stopPropagation
组织广播:event.stopImmiratePropagation
事件的监听者: event.currntTarget
事件的发出者:event.target
DOM事件流
最新推荐文章于 2022-11-25 11:50:10 发布