JavaScript事件驱动
JavaScript事件驱动中的事件是通过鼠标或热键的动作引发的。它主要有以下几个事件：
（１）单击事件onClick
当用户单击鼠标按钮时，产生onClick事件。同时onClick指定的事件处理程序或代码将被调用执行。通常在下列基本对象中产生：
button（按钮对象）
checkbox（复选框）或（检查列表框）
radio （单选钮）
reset buttons（重要按钮）
submit buttons（提交按钮）
例：可通过下列按钮激活change()文件：
| <Form>
<Input type="button" Value=“ ” onClick="change()"> </Form> |
<Input type="button" value=" " onclick=alert("这是一个例子"）;
（２）onChange改变事件
当利用text或texturea元素输入字符值改变时发该事件，同时当在select表格项中一个选项状态改变后也会引发该事件。
例：
| <Form>
<Input type="text" name="Test" value="Test" onCharge="check('this.test)"> </Form> |
当Text或Textarea对象中的文字被加亮后，引发该事件。
（４）获得焦点事件onFocus
当用户单击Text或textarea以及select对象时，产生该事件。此时该对象成为前台对象。
（５）失去焦点onBlur
当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时，引发该文件，他与onFocas事件是一个对应的关系。
（６）载入文件onLoad
当文档载入时，产生该事件。onLoad一个作用就是在首次载入一个文档时检测cookie的值，并用一个变量为其赋值，使它可以被源代码使用。
（７）卸载文件onUnload
当Web页面退出时引发onUnload事件，并可更新Cookie的状态。
四、范例
范例1：下例程序是一个自动装载和自动卸载的例子。即当装入HTML文档时调用loadform()函数,而退出该文档进入另一HTML文档时则首先调用unloadform()函数,确认后方可进入。
| test3_1.htm
<HTML> <HEAD> <script Language="JavaScript"> <!-- function loadform(){ alert("这是一个自动装载例子!"); } function unloadform(){ alert("这是一个卸载例子!"); } //--> </Script> </HEAD> <BODY OnLoad="loadform()" OnUnload="unloadform()"> <a href="test.htm">调用</a> </BODY> </HTML> |
范例2：这是一个获取浏览器版本号的程序。该程序首先显示一个波浪一提示信息。之后显示浏览器的版本号有关信息。
- 上一篇 »Linux 驱动开发
- 下一篇 »javaScript中的事件驱动