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 事件以供参考。此处，脚本表示要针对该事件执行的 VBScript 函数。

事件	值	描述
onchange	脚本	元素更改时运行脚本
onsubmit	脚本	提交表单时运行脚本
onreset	脚本	重置表单时运行脚本
onblur	脚本	元素失去焦点时运行脚本
onfocus	脚本	元素获得焦点时运行脚本
onkeydown	脚本	按下键时运行脚本
onkeypress	脚本	按下并释放键时运行脚本
onkeyup	脚本	释放键时运行脚本
onclick	脚本	鼠标单击时运行脚本
ondblclick	脚本	鼠标双击时运行脚本
onmousedown	脚本	按下鼠标按钮时运行脚本
onmousemove	脚本	鼠标指针移动时运行脚本
onmouseout	脚本	鼠标指针移出元素时运行脚本
onmouseover	脚本	鼠标指针移到元素上时运行脚本
onmouseup	脚本	释放鼠标按钮时运行脚本

打印页面