ES6 -Events

JavaScript旨在为您的网页添加互动性. JavaScript使用使用事件的机制来完成此操作. 事件是文档对象模型(DOM)级别3的一部分，每个HTML元素都包含一组可以触发JavaScript代码的事件.

事件是软件识别的动作或事件.它可以由用户或系统触发.一些常见的事件示例包括用户单击按钮，加载网页，单击超链接等.以下是一些常见的HTML事件.

事件处理程序

在事件发生时，应用程序执行一组相关任务.实现此目的的代码块称为 eventhandler .每个HTML元素都有一组与之关联的事件.我们可以使用事件处理程序定义如何在JavaScript中处理事件.

onclick事件类型

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

示例

                      function sayHello() {              document.write ("Hello World")           }                           
 Click the following button and see result
            

成功执行上述代码后会显示以下输出.

onsubmitEvent Type

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

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

示例

                      function validation() {              all validation goes here              .........              return either true or false           }                                     .......                       

onmouseover and onmouseout

这两种事件类型将帮助您创建图像甚至文本的精美效果。 将鼠标悬停在任何元素上时触发onmouseover事件，当您将鼠标从该元素移出时触发onmouseout事件。

示例

                     function over() {              document.write ("Mouse Over");           }           function out() {              document.write ("Mouse Out");           }                       
Bring your mouse inside the division to see the result:
                 
 This is inside the division