JS是一门以事件驱动为核心的语言。
1. 事件
1.1 事件概述
JavaScript 使我们有能力创建动态页面，而事件是可以被 JavaScript 侦测到的行为。
事件 是某事发生的信号。所有的 DOM 节点都生成这样的信号（但事件不仅限于 DOM）
简单理解： 触发— 响应机制。
网页中的每个元素都可以产生某些可以触发 JavaScript 的事件，例如，我们可以在用户点击某按钮时产生一个 事件，然后去执行某些操作。1.2 事件三要素
- 事件源（谁）：触发事件的元素
- 事件类型（什么事件）： 例如 click 点击事件
- 事件处理程序（做啥）：事件触发后要执行的代码(函数形式)，事件处理函数
2. 事件类型
常见事件类型: MDN文档
1.1 鼠标事件：
| 事件类型 | 说明 |
|---|---|
| onmouseover | 鼠标刚进入元素时触发 |
| onmouseenter | 鼠标完全进入元素时触发 |
| onmousemove | 鼠标在元素上移动时触发 |
| onmouseout | 鼠标刚要离开元素时触发 |
| onmouseleave | 鼠标完全离开元素时触发 |
| onmousedown | 鼠标按下时触发 |
| onmouseup | 鼠标弹起时触发 |
| onclick | 鼠标单击时触发 |
| oncontextmenu | 点击鼠标右键时触发 |
1.2 表单（form）元素事件：
| 事件类型 | 说明 |
|---|---|
| onchange | 内容改变事件(光标离开后触发) |
| onfocus | 获取焦点时触发的事件 |
| onblur | 失去焦点时触发的事件 |
| oninput | 输入事件(内容一改变就触发,可以实时监听输入的内容) |
| onsubmit | 表单提交事件 |
| onreset | 表单重置事件 |
1.3 键盘事件：
| 事件类型 | 说明 |
|---|---|
| onkeydown | 键盘按键按下时触发 |
| onkeypress | 键盘按着不放时触发 |
| onkeyup | 键盘按键弹起时触发 |
1.4 Document 事件：
| 事件类型 | 说明 |
|---|---|
| onload | 当HTML页面加载完成时触发 |
还有很多其他事件。我们将在下一章中详细介绍具体事件。
文档更新时间: 2023-04-23 16:38 作者：孙老师
