ES6 事件

与 JavaScript 交互的 HTML 通过浏览器或用户操作页面时发生的事件来处理。事件是软件识别的发生或操作。系统或用户可以触发它们。

事件可以被声明为 DOM（文档对象模型）级别 3 的一部分。它们发生在网页上发生某种交互时。每个 HTML 元素 都包含一组可以触发 JavaScript 代码的事件。一些常见的事件示例包括单击按钮、单击超链接、加载网页等。

事件处理器

为了对事件做出反应，您可以分配一个处理程序（一个在发生事件时运行的函数）。 事件处理程序可以定义为在事件发生时执行的代码块。我们可以使用事件处理程序在 JavaScript 中定义事件的处理。

让我们尝试理解最常用的 HTML 事件。

onclick 事件类型

当用户单击按钮时，它是一种最常用的事件类型，会被激活。在这种事件类型中，我们可以放置警告、验证等。通过单击，'onclick' 调用分配给它的相应function()。

让我们用一个例子来理解它。

示例

当您在浏览器中执行以上代码时，您将获得以下输出。

输出

单击按钮后，您将收到警报，如下所示。

onsubmit 事件类型

当您需要提交表单时，它会发生。当您单击提交按钮时，'onsubmit' 调用相应的'return function()'，并从function()中获取 true 或 false 的响应。如果function()返回 true，表单将被提交。否则，它将不会提交数据。

onmouseout 和 onmouseover

这些事件帮助您使用文本和图像创建效果。顾名思义，当您将鼠标悬停在任何元素上时，将触发onmouseover 事件。当您将鼠标移出元素时，将触发onmouseout 事件。

让我们尝试通过以下示例来理解它们。

示例

当您在浏览器中执行以上代码时，您将获得以下输出。

输出

将您的鼠标移到第一个标题上，您将获得

将您的鼠标移出第一个标题，您将获得

HTML5 标准事件

以下表格列出了一些常用的 HTML 事件。