JavaScript 活动
HTML 事件 “事物” 这发生在 HTML 元素上。
当在 HTML 页面中使用 JavaScript 时，JavaScript 可以 “反应” 关于这些事件。
HTML 事件
HTML 事件可以是浏览器执行的某件事，也可以是用户执行的某件事。
以下是一些 HTML 事件的示例：
- HTML 网页已加载完毕
- HTML 输入字段已更改
- 点击了 HTML 按钮
通常，当事件发生时，您可能想要做某事。
当检测到事件时，JavaScript 允许您执行代码。
HTML 允许事件处理程序属性， 使用 JavaScript 代码，添加到 HTML 元素中。
带单引号：
<元素事件='一些 JavaScript'>
带双引号：
<元素事件="一些 JavaScript">
在以下示例中， onclick 属性（带代码），被添加到<button> 元素：
在上面的例子中，JavaScript 代码改变了 id="demo" 元素的内容。
在下一个示例中，代码更改了其自身元素的内容（使用 this.innerHTML):
JavaScript 代码通常长达几行。更常见的是事件属性调用函数：
常见 HTML 事件
以下是一些常见 HTML 事件的列表：
| 事件 | 描述 |
|---|---|
| 改变 | HTML 元素已更改 |
| 点击 | 用户点击 HTML 元素 |
| 鼠标悬停 | 用户将鼠标移到 HTML 元素上 |
| 鼠标移开 | 用户将鼠标从 HTML 元素上移开 |
| 按键按下 | 用户按下键盘键 |
| 负载 | 浏览器已完成页面加载 |
这个列表很长： W3Schools JavaScript 参考 HTML DOM 事件.
JavaScript 事件处理程序
事件处理程序可用于处理和验证用户输入、用户操作和浏览器操作：
- 每次页面加载时应做的事情
- 页面关闭时应该做的事情
- 用户点击按钮时应执行的操作
- 用户输入数据时应验证的内容
- 和更多 ...
可以使用多种不同的方法让 JavaScript 处理事件：
- HTML事件属性可以直接执行JavaScript代码
- HTML 事件属性可以调用 JavaScript 函数
- 你可以将自己的事件处理函数分配给 HTML 元素
- 您可以阻止发送或处理事件
- 和更多 ...
您将在 HTML DOM 章节中学习更多有关事件和事件处理程序的知识。
