Categories: VBScript 教程

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

Event Value Description
onchange script 元素更改时脚本运行
onsubmit script 提交表单时脚本运行
onreset script 重置表单后脚本运行
onblur script 当元素失去焦点时运行脚本
onfocus script 当元素获得焦点时脚本运行
onkeydown script 按下键时脚本运行
onkeypress script 按下并释放键时脚本运行
onkeyup script
释放键时脚本运行
onclick script 鼠标单击时脚本运行
ondblclick script 鼠标双击时脚本运行
onmousedown script 按下鼠标按钮时脚本运行
onmousemove script 鼠标指针移动时脚本运行
onmouseout script 当鼠标指针移出元素时脚本运行
onmouseover script 当鼠标指针移到某个元素上时脚本运行
onmouseup script 释放鼠标按钮时脚本运行
terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

vue:页面注入js修改input值

一般会直接这样写: let z…

7 小时 ago

聊聊vue3中的defineProps

在Vue 3中,defineP…

1 周 ago

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

2 周 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

3 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

4 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

1 月 ago