转自:http://blog.sina.com.cn/s/blog_41176fd10100nucs.html
1、基本的事件例表
事 件 | 触 发 条 件 | 适 用 对 象 |
onLoad | 当Web浏览器加载窗口或框架时发生 | 与BODY和FRAMESET一起使用 |
onUnLoad | 当Web浏览器从窗口或框架集卸载一个文档时发生 | 与BODY和FRAMESET一起使用 |
onClick | 当一个元素被鼠标单击时发生 | 与绝大多数标记一起使用 |
onDbClick | 当一个元素被鼠标双击时发生 | 与绝大多数标记一起使用 |
onMouseDown | 在一个元素上方鼠标被按时发生 | 与绝大多数标记一起使用 |
onMouseUp | 在一个元素上方鼠标被释放时发生 | 与绝大多数标记一起使用 |
onMouseOver | 当鼠标指针从一个元素上方经过时发生 | 与绝大多数标记一起使用 |
onMouseMove | 当鼠标指针从一个元素上方移动时发生 | 与绝大多数标记一起使用 |
onMouseOut | 当鼠标指针离开一个元素时发生 | 与绝大多数标记一起使用 |
onFocus | 当一个元素接收到来自鼠标或键盘的焦点时发生 | 与INPUT、SELECT和TEXTAREA等一起使用 |
onBlur | 当一个元素失去来自鼠标或键盘的焦点时发生 | 与INPUT、SELECT和TEXTAREA等一起使用 |
onKeyPress | 在一个元素上方一个键被按下并释放时发生 | 与绝大多数标记一起使用 |
onKeyDown | 在一个元素上方一个键被按住不放时发生 | 与绝大多数标记一起使用 |
onKeyUp | 在一个元素上方一个键被释放时发生 | 与绝大多数标记一起使用 |
onSubmit | 当一个表单被提交时发生 | 与FORM一起 |
onReset | 当一个表单被重置时发生 | 与FORM一起 |
onSelect | 当文档被选中时发生 | 与INPUT和TEXAREA一起使用 |
onChange | 当一个元素失去焦点,其被改变时发生 | 与INPUT、SELECT和TEXTAREA等一起使用 |
事件过程的调用方式
在VBScript中,可以通过多种方式来调用事件过程。下面是常用的4种方法。
(1)通过过程名调用事件过程
在VBScript标记骨用Sub语句来定义事件过程,并且要求过程名称必须由控件名称、下划线(_)以及事件名称组合而成。例如,单击名称为Button1的按钮时,会自动调用Button1_onClick事件过程。请看下列简单实例:
<html>
<head>
<title>通过过程名调用事件过程</title>
<Script language="VBScript">
Sub Button1_onClick()
MsgBox "欢迎来闪客启航学习。祝您在这里学得愉快!玩得开心!"
End Sub
</Script>
<body>
<center><inputtype="button" name="Button1"value="请单击我"></center>
</Body>
</html>
在Script标记中定义一个通用的Sub过程,然后通过控件的相关属性来调用该过程。请看下列简单实例:
<html>
<head>
<title>通过控件的属性调用事件过程</title>
<Script language="VBScript">
Sub MySub1()
Msgbox "把鼠标放到我的头上,我祝你幸福!"
End Sub
</Script>
<body>
<form name="form1">
<center><inputtype="button" name="Button1" value="请单击我"onMouseOver="MySub1"></center>
</form>
</Body>
</html>
(3)对<Script>标记设置FOR/EVNET属性调用事件过程
设置SCRIPT标记的FOR属性以指定HTML页面的一个对象,并通过EVENT属性指定对象的一个事件。请看下列简单实例:
<head>
<title>通过FOR/EVNET属性调用事件过程</title>
<Script language="VBScript" for="text1"event="onChange">
dim r,s
r=CDbl(form1.text1.value)
s=r*r*3.14
text2.Valeu="半径为" & r & " , 圆面积为:"& s
</Script>
<body>
<form name="form1">
<center>
请输入半径直:<input type="text" name="text1"size="10">
<input type="text" name="text2"value="求圆面积">
</center>
</form>
</Body>
</html>
(4)在标记中直接编写脚本语句
<html>
<head>
<title>在标记中直接编写脚本语句</title>
</head>
<body>
<form name="form2">
<center>
<input type="button" name="Button3" value="热烈欢迎"onClick='Msgbox "欢迎、欢迎、热烈欢迎!"'language="vbscript">
<input type="button" name="Button4" value="欢迎来启航做客"onClick='Msgbox "欢迎来启航做客!"'language="vbscript">
<p>如果事件过程比较简单,则可以在定义元素的标记中直接编写脚本语句。</p>
</center>
</form>
</Body>
</html>