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 事件供您参考。 这里,script 表示要针对该事件执行的 VBScript 函数。
事件 | 值 | 描述 |
---|---|---|
onchange | script | 元素更改时运行脚本 |
onsubmit | script | 提交表单时运行脚本 |
onreset | script | 重置表单时运行脚本 |
onblur | script | 当元素失去焦点时运行脚本 |
onfocus | script | 当元素获得焦点时脚本运行 |
onkeydown | 脚本 | 按下按键时运行脚本 |
onkeypress | script | 按下并释放按键时运行脚本 |
onkeyup | script | 释放按键时运行脚本 |
onclick | script | 单击鼠标时运行脚本 |
ondblclick | script | 双击鼠标时运行脚本 |
onmousedown | script | 按下鼠标按钮时运行脚本 |
onmousemove | script | 鼠标指针移动时运行脚本 |
onmouseout | script | 当鼠标指针移出元素时运行脚本 |
onmouseover | script | 当鼠标指针移到元素上时运行脚本 |
onmouseup | script | 释放鼠标按钮时运行脚本 |