VBScript - 事件

什么是事件?

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

事件是文档对象模型(DOM)的一部分,每个HTML元素都有一组事件,可以触发VBScript代码.请仔细阅读这个小教程,以便更好地理解 HTML事件参考.在这里,我们将看到很少的例子来理解Event和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函数.

事件说明
onchangescript脚本在元素更改时运行
onsubmitscript提交表单时脚本运行
onresetscript脚本在表单重置时运行
onblurscript当元素失去焦点时脚本运行
onfocusscript当元素获得焦点时脚本运行
onkeydownscript按下键时脚本运行
onkeypressscript按下并释放按键时脚本运行
onkeyupscript当密钥被释放时脚本运行
onclickscript鼠标点击时脚本运行
ondblclickscript鼠标双击时脚本运行
onmousedownscript按下鼠标按钮时脚本运行
onmousemovescript当鼠标指针移动时脚本运行
onmouseoutscript当鼠标指针移出元素时脚本运行
onmouseoverscript当鼠标指针在元素上移动时脚本运行
onmouseupscript释放鼠标按钮时脚本运行