ES6活动

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

可以将事件声明为DOM(文档对象模型)级别3的一部分。事件发生在网页上进行某种类型的交互时。每个HTML元素都包含可以触发JavaScript代码的事件集合。事件的一些常见示例包括单击按钮，单击超链接，加载网页等。

事件处理程序

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

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

事件类型

它是用户单击按钮时激活的最常用的事件类型之一。在这种事件类型中，我们可以发出警告，验证等。单击时， “ onclick”调用分配给它的相应函数() 。

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

例

 
    
       
    
   
    
      
 Click the button
 
       
    

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

输出量

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

提交事件类型

当您需要提交表格时会发生这种情况。当您单击“提交”按钮时， “ onsubmit”将调用相应的“返回函数()” ，并从函数()中获取true或false的响应。如果函数()返回true，则将提交表单。否则，它将不会提交数据。

onmouseout和onmouseover

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

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

例

   
 
     
 

 
      
    
 
        Bring your mouse inside it. 
    
 
          
    
 
        Move your cursor on the above heading to see the result.
    
 
          
    
 
 
  

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

输出量

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

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

HTML5标准事件

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