Skip to content
快看这页儿写了啥...

事件是什么?事件模型?

题干

  • 事件

  • 事件模型

题解

事件是发生在你正在编程的系统中的事情,比如用户点击一个按钮,或者网页结束加载。系统会在事件发生时产生一个信号,并提供一种机制,让你的代码能够对事件做出反应。

事件模型是指浏览器如何处理事件的机制,包括事件的触发、传播和监听。现代浏览器一般支持三种事件模型:

  • DOM0 级事件模型:这种模型不会传播,所以没有事件流的概念,所有浏览器都兼容这种方式。直接在 DOM 对象上注册事件名称,就是 DOM0 写法。
  • DOM2 级事件模型:这种模型引入了事件流的概念,即事件从 Document 节点自上而下向目标节点传播的捕获阶段,目标节点处理事件的目标阶段,以及事件从目标节点自下而上向 Document 节点传播的冒泡阶段。可以使用 addEventListener() 方法向指定元素添加事件处理器,并指定在哪个阶段执行回调函数。
  • DOM3 级事件模型:这种模型在 DOM2 级的基础上增加了一些新的事件类型和属性,比如键盘事件、鼠标滚轮事件、文本输入事件等。

相关

介绍事件传播机制(事件流),事件传播的三个阶段?

如何阻止事件传播(事件冒泡)

如何取消默认事件

什么是事件代理(事件委托),使用场景

扩展

MDN - 事件

贡献者

isboyjc's avatar isboyjc

浏览量(PV)  次  ·  独立访客(UV)  人次
不正经的前端 | 八股 · 欢迎 star ⭐