前端基础整理DOM事件

前言

本文主要介绍 DOM 事件级别，DOM 事件模型，DOM 事件流，Event 对象常见应用等, 希望对我们有所帮助。

一、DOM 事件级别

1.DOM 0 级别

el.onclick = function () {...}

• DOM2

 el.addEventListener('click', fn)

• DOM3

el.addEventListener('keyup', fn)

DOM 事件模型

• 捕获
• 冒泡

DOM 事件流

捕获 —> 目标元素 —> 冒泡

Event 对象常见属性与应用

自定义事件