VBScript - 事件

什么是事件？

VBScript 与 HTML 的交互是通过用户或浏览器操作页面时发生的事件来处理的。当页面加载时，这是一个事件。当用户单击按钮时，该单击也是一个事件。事件的其他示例包括按任意键、关闭窗口、调整窗口大小等。开发人员可以使用这些事件来执行 VBScript 编码响应，这会导致按钮关闭窗口、向用户显示消息、验证数据以及几乎任何事件。可以想象发生的其他类型的反应。

事件是文档对象模型 (DOM) 的一部分，每个 HTML 元素都有一组特定的事件，这些事件可以触发 VBScript 代码。请阅读这个小教程以更好地理解HTML 事件参考。在这里，我们将通过一些示例来了解事件和 VBScript 之间的关系。

onclick 事件类型

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

例子

<html>
   <head>
      <script language = "vbscript" type = "text/vbscript">
         Function sayHello() 
            msgbox "Hello World"
         End Function
      </script>
   </head>
   
   <body>
      <input type = "button" onclick = "sayHello()" value = "Say Hello"/>
   </body>
</html>

它将产生以下结果，当您单击 Hello 按钮时，将发生 onclick 事件，该事件将触发 sayHello() 函数。

onsubmit 事件类型

另一个最重要的事件类型是onsubmit。当您尝试提交表单时会发生此事件。因此，您可以针对此事件类型进行表单验证。单击“提交”按钮即可提交表单，将出现消息框。

单击“提交”按钮即可提交表单，将出现消息框。

例子

<html>
   <head> </head>
   <body>
      <script language = "VBScript">       
         Function fnSubmit()
            Msgbox("Hello Tutorialspoint.Com")
         End Function       
      </script>
      
      <form action = "/cgi-bin/test.cgi" method = "post" name = "form1" onSubmit = "fnSubmit()">
         <input name = "txt1" type = "text"><br>
         <input name = "btnButton1" type = "submit" value="Submit">
      </form>
   </body>
</html>

onmouseover 和 onmouseout

这两种事件类型将帮助您使用图像甚至文本创建漂亮的效果。当您将鼠标移至任何元素上时，会发生 onmouseover 事件；当您将鼠标从该元素上移开时，会发生onmouseout事件。

例子

<html>
   <head> </head>
   <body>
      <script language = "VBScript">       
         Function AlertMsg
            Msgbox("ALERT !")
         End Function
          
         Function onmourse_over()
            Msgbox("Onmouse Over")
         End Function

         Sub txt2_OnMouseOut()
            Msgbox("Onmouse Out !!!")
         End Sub
          
         Sub btnButton_OnMouseOut()
            Msgbox("onmouse out on Button !")
         End Sub
      </script>
      
      <form action = "page.cgi" method = "post" name = "form1">
         <input name = "txt1" type = "text" OnMouseOut = "AlertMsg()"><br>
         <input name = "txt2" type = "text" OnMouseOver = "onmourse_over()">
         <br><input name = "btnButton" type = "button" value = "Submit">
      </form>
   </body>
</html>

当您将鼠标悬停在文本框上以及将焦点从文本框和按钮上移开时，它将产生结果。

HTML 4 标准事件

此处列出了标准 HTML 4 事件供您参考。这里，script 表示要针对该事件执行的 VBScript 函数。

事件	价值	描述
变化	脚本	当元素更改时运行脚本
提交	脚本	提交表单时运行脚本
复位时	脚本	重置表单时运行脚本
模糊	脚本	当元素失去焦点时运行脚本
焦点	脚本	当元素获得焦点时运行脚本
按下按键	脚本	按下键时运行脚本
按键	脚本	按下并释放按键时运行脚本
按键启动	脚本	释放按键时运行脚本
单击时	脚本	单击鼠标时运行脚本
双击	脚本	鼠标双击时运行脚本
鼠标按下时	脚本	按下鼠标按钮时运行脚本
鼠标移动时	脚本	当鼠标指针移动时脚本运行
鼠标移出时	脚本	当鼠标指针移出元素时运行脚本
鼠标悬停时	脚本	当鼠标指针移到元素上时运行脚本
鼠标悬停时	脚本	释放鼠标按钮时运行脚本