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。当您尝试提交表单时,将发生此事件。因此,您可以针对此事件类型进行表单验证。单击“提交”按钮提交表单,出现消息框。

单击“提交”按钮提交表单,出现消息框。

<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当您从元素把你的鼠标出去发生。

<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函数。

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

作者:terry,如若转载,请注明出处:https://www.web176.com/vbscript/1249.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2020年12月9日 下午5:16
下一篇 2020年12月9日 下午5:25

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注