Skip to content

dom

浏览器工作原理

webkit工作流程.png

dom常见操作

基本Dom操作.png

事件转发和事件流

  1. 捕获阶段 window->target过程
  2. 事件阶段 事件执行
  3. 冒泡阶段 target->window过程 eventflow.svg

默认行为和可取消事件

js
let event = MouseEvent();
//停止传播
event.stopPropagation();
//阻止默认行为  例如:表单提交和重置,链接跳转,单选框复选框勾选
event.preventDefault(); defaultPrevented

参考

DOM3规范UI Event规范

dom has loaded