什么是事件?

JavaScript与HTML的交互是通过在用户或浏览器操纵页面时发生的事件来处理的。

页面加载时称为事件。当用户单击按钮时，该单击也是一个事件。其他示例包括事件，例如按下任意键，关闭窗口，调整窗口大小等。

开发人员可以使用这些事件来执行JavaScript编码的响应，从而导致按钮关闭窗口，向用户显示消息，要验证的数据以及实际上可以想象的任何其他类型的响应。

事件是文档对象模型(DOM)3级的一部分，每个HTML元素都包含一组可以触发JavaScript代码的事件。

请仔细阅读本小教程，以更好地理解HTML事件参考。在这里，我们将看到一些示例来了解Event和JavaScript之间的关系-

onclick事件类型

这是用户单击鼠标左键时最常使用的事件类型。您可以针对此事件类型进行验证，警告等。

例

请尝试以下示例。

      
   
   
   
      
Click the following button and see result
      
      

         
      
      
   

输出

提交事件类型

onsubmit是您尝试提交表单时发生的事件。您可以针对此事件类型进行表单验证。

例

以下示例显示如何使用onsubmit。在这里，我们在将表单数据提交到Web服务器之前调用validate()函数。如果validate()函数返回true，则将提交表单，否则将不提交数据。

请尝试以下示例。

      
   
   
      
      

         .......
         
      
      
   

鼠标悬停和鼠标悬停

这两种事件类型将帮助您使用图像甚至文本创建漂亮的效果。该onmouseover事件触发，当你把你的鼠标在任何元素和触发鼠标移开时，你出去从元素移动鼠标。请尝试以下示例。

      
   
   
   
      
Bring your mouse inside the division to see the result:
      
      

         
 This is inside the division 
      
         
   

输出

HTML 5标准事件

此处列出了标准HTML 5事件供您参考。此处的脚本指示针对该事件要执行的Javascript函数。