什么是事件?
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,如若转载,请注明出处:https://www.web176.com/vbscript/1249.html