HTML DOM 事件

HTML DOM 事件

概述

HTML DOM（文档对象模型）事件是Web开发中非常重要的一部分。它允许开发者响应用户与网页的交互，如点击、键盘输入、鼠标移动等。掌握DOM事件处理是构建交互式网页的关键技能。

事件流

事件流描述了从页面中接收事件的顺序。主要有两种事件流：冒泡事件流和捕获事件流。

冒泡事件流

冒泡事件流是指事件从触发点开始，逐级向上传播到DOM树顶部的过程。大多数的事件都遵循冒泡事件流。

捕获事件流

捕获事件流是指事件从DOM树顶部开始，逐级向下传播到触发点的过程。但需要注意的是，并不是所有浏览器都支持捕获事件流。

事件类型

HTML DOM事件类型非常多，以下是一些常见的事件类型：

常用鼠标事件

• click：鼠标点击事件。
• dblclick：鼠标双击事件。
• mousedown：鼠标按下事件。
• mouseup：鼠标释放事件。
• mouseover：鼠标移入事件。
• mouseout：鼠标移出事件。
• mousemove：鼠标移动事件。

常用键盘事件

• keydown：键盘按下事件。
• keyup：键盘释放事件。
• keypress：键盘按键事件。

表单事件

• blur：元素失去焦点事件。
• change：表单元素值变化事件。
• focus：元素获得焦点事件。