Skip to content

事件模型

事件模型分为三种:

  • 原始事件模型
  • 标准事件模型
  • IE 事件模型(基本不用)

原始事件模型

只支持冒泡不支持捕获,同一种类型的事件只能绑定一次,后绑定的会覆盖前面

事件绑定监听函数比较简单, 有两种方式

  • HTML 代码中绑定
js
<input type="button" onclick="fun()">
  • 通过 js 绑定
js
var btn = document.getElementById('.btn')
btn.onclick = fun

标准事件模型

三个阶段:事件捕获阶段、事件处理阶段、事件冒泡阶段

绑定方式:第三个参数用于指定是否在捕获阶段进行处理,默认为 false

js
addEventListener(eventType, handler, useCapture)