JavaScript 事件
HTML 事件是发生在 HTML 元素上的“事物”。
当 JavaScript 用于 HTML 页面时，JavaScript 可以“响应”这些事件。
HTML 事件
HTML 事件可以是浏览器执行的操作，也可以是用户执行的操作。
以下是一些 HTML 事件的示例：
- HTML 网页已完成加载
- HTML 输入字段已更改
- HTML 按钮被点击
通常，当事件发生时，您可能希望做一些事情。
JavaScript 允许您在检测到事件时执行代码。
HTML 允许将事件处理程序属性（以及 JavaScript 代码）添加到 HTML 元素。
使用单引号
<element event='some JavaScript'>
使用双引号
<element event="some JavaScript">
在以下示例中，一个 onclick 属性（带有代码）被添加到一个 <button> 元素中。
在上面的示例中，JavaScript 代码更改了 id 为“demo”的元素的内容。
在下一个示例中，代码更改了其自身元素的内容（使用 this.innerHTML）。
JavaScript 代码通常有几行长。更常见的是看到事件属性调用函数。
常见的 HTML 事件
以下是一些常见的 HTML 事件列表：
| 事件 | 描述 |
|---|---|
| onchange | HTML 元素已更改 |
| onclick | 用户点击 HTML 元素 |
| onmouseover | 用户将鼠标悬停在 HTML 元素上 |
| onmouseout | 用户将鼠标移开 HTML 元素 |
| onkeydown | 用户按下键盘键 |
| onload | 浏览器已完成页面加载 |
列表更长：W3Schools JavaScript 参考 HTML DOM 事件。
JavaScript 事件处理程序
事件处理程序可用于处理和验证用户输入、用户操作和浏览器操作
- 每次页面加载时都应执行的操作
- 页面关闭时应执行的操作
- 用户点击按钮时应执行的操作
- 用户输入数据时应验证的内容
- 等等 ...
可以使用许多不同的方法让 JavaScript 与事件一起工作
- HTML 事件属性可以直接执行 JavaScript 代码
- HTML 事件属性可以调用 JavaScript 函数
- 您可以将自己的事件处理函数分配给 HTML 元素
- 您可以阻止事件被发送或处理
- 等等 ...
您将在 HTML DOM 章节中了解更多关于事件和事件处理程序的信息。
