JavaScript事件是指你正在开发的程序或网站中发生的特定动作或程序。你可以设置响应，指定的事件会触发。例如，JavaScript 鼠标事件指的是各种光标在元素上的移动。

在本教程中，你将学习什么是JavaScript事件处理程序，如何创建JavaScript事件，以及如何添加JavaScript按钮事件和浏览器事件。你还将掌握如何、为什么以及在哪里添加JavaScript事件，以提升网站质量，使其更精致、更友好。

目录

• 1. JavaScript 活动：主要提示

• 2. 事件：什么事，什么时候？

• 3. 事件处理者属性

• 4. 常见事件

• 5. JavaScript 活动：摘要

JavaScript 活动：主要提示

• 使用JavaScript时，任何发生在HTML元素上的事件都称为JavaScript事件。

• JavaScript 可以在特定事件发生时执行特定代码。

• JavaScript事件可以是用户操作（例如点击HTML元素）或浏览器操作（例如完成页面加载）。

事件：什么时候？

请记住，HTML事件属性可以直接运行JavaScript，也可以通过函数运行。这些功能可以且应该由你自己创建。这样他们才能最适合你的需求。

你也可以阻止JavaScript事件被处理。当网页发生变化时，JavaScript 事件处理程序非常有用。

以下是最常见的网页事件：

• 页面加载

• 用户只需点击一个按钮

• 用户输入数据

事件处理器属性

JavaScript 事件处理工具属性可以插入到 HTML 元素中。在下面的示例中，你可以看到最简单的 JavaScript 按钮事件之一。JavaScript 事件处理器属性会添加到 HTML 按钮元素中。onclick

当用户点击按钮时，就会发生一个JavaScript事件。此外，代码还定义了该事件发生时应采取的措施：

示例

<button onclick="document.getElementById('dateOut').innerHTML = Date()">What is the time</button>

通常，事件中要执行的代码长度超过一行。在这种情况下，使用函数会更方便：

示例

<button onclick="myFunction()">What is the time</button>

常见事件

有很多可能的JavaScript事件可以让你的网站动态且整洁。然而，和所有编程语言一样，有些函数比其他函数更受欢迎，因为它们更方便且适合上下文。例如，JavaScript 鼠标事件包括光标悬停在元素上、点击或移动到图像上的情况。

以下是最常见的 JavaScript 事件处理程序（引发 JavaScript 函数运行的工具）：