JavaScript 事件
HTML 事件是由发生在 HTML 元素上的动作或者状态变化引起，比如：鼠标悬浮、处于焦点等，JavaScript 可以让你对这些事件做出响应。
HTML 事件是由发生在 HTML 元素上的动作或者状态变化触发的，比如：鼠标悬浮、处于焦点等，JavaScript 可以让你对这些事件做出响应。
HTML 事件
HTML 事件可以是浏览器执行的操作，也可以是用户执行的操作。
以下是一些 HTML 事件示例：
- HTML 网页已完成加载
- HTML 输入字段已更改
- 一个 HTML 按钮被点击
通常，当事件发生时，您可能想对事件做出自己的响应，JavaScript 允许您在检测到事件时执行代码。
HTML 允许对不同的事件设置不同的事件处理程序。
设置事件处理程序的方法如下：
<element event="some JavaScript"></element>
在下面的例子中，通过 onclick 属性给 <button> 元素添加单击事件：
<button onclick="document.getElementById('demo').innerHTML = Date()">显示当前时间</button>
在上面的示例中，JavaScript 代码更改了 id="demo" 元素的内容。
在下一个示例中，代码更改了自己元素的内容：
<button onclick="this.innerHTML = Date()">显示当前时间</button>
!! 上面例子中的 this 是元素本身
JavaScript 代码通常很长，很难直接写在属性值中，更方便的做法将代码封装在一个函数中，在事件属性中直接调用函数：
<button onclick="displayDate()">显示当前时间</button>
常见的 HTML 事件
以下是一些常见 HTML 事件的列表：
| 事件 | 描述 |
|---|---|
onchange |
一个 HTML 元素已被更改 |
onclick |
用户单击 HTML 元素 |
onmouseover |
用户将鼠标移到 HTML 元素上 |
onmouseout |
用户将鼠标从 HTML 元素上移开 |
onkeydown |
用户按下键盘键 |
onload |
浏览器已完成页面加载 |
JavaScript 事件能做什么？
事件能做的事情很多，包括但不限于以下几种：
- 每次页面加载时通过事件自定义加载完成后默认进行的操作
- 页面关闭时给出相应的提示
- 当用户单击按钮时应执行的操作
- 用户输入数据时直接验证输入内容，并给出提示
- 控制表单提交
- 元素处于焦点时进行一些必要的操作
- 元素失去焦点时给出提示
您将在 HTML DOM 章节中学到更多关于事件和事件处理程序的知识。