繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript事件驱动及事件处理
- Javascript
- 用户注册常用javascript代码
- JavaScript 事件监听实例代码[兼容IE,firefox] 含注释
- javascript appendChild,innerHTML,join性能比较代码
- JavaScript 继承详解 第一篇
- javascript 控制 html元素 显示/隐藏实现代码
- Javascript 判断函数类型完美解决方案
- 获取URL地址中的文件名和参数的javascript代码
- js 获取浏览器高度和宽度值(多浏览器)
- FF IE兼容性的修改小结
- JS URL传中文参数引发的乱码问题
- javascript 24小时弹出一次的代码(利用cookies)
- ie focus bug 解决方法
- javascript concat数组累加 示例
- javascript 触发事件列表 比较不错
- 当文本框的值发生改变时，触发事件，在IE中有效
- javascript 操作table的特性
- jquery判断单个复选框是否被选中的代码
- 关于javascript中的parseInt使用技巧
- JavaScript 密码强度判断代码
- js跨域和ajax 跨域问题的实现思路
Javascript 中的 JavaScript事件驱动及事件处理
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 281 ::
收藏到网摘: n/a
１、基本概念
JavaScript是基于对象(object-based)的语言。这与Java不同,Java是面向对象的语言。而基于对象的基本特征，就是采用事件驱动(event-driven)。它是在用形界面的环境下，使得一切输入变化简单化。通常鼠标或热键的动作我们称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动（Event Driver）。而对事件进行处理程序或函数，我们称之为事件处理程序（Event Handler）。
２、事件处理程序
在JavaScript中对象事件的处理通常由函数(Function)担任。其基本格式与函数全部一样，可以将前面所介绍的所有函数作为事件处理程序。
格式如下：
Function 事件处理名（参数表）{
事件处理语句集；
……
}
３、事件驱动
JavaScript事件驱动中的事件是通过鼠标或热键的动作引发的。它主要有以下几个事件：
（１）单击事件onClick
当用户单击鼠标按钮时，产生onClick事件。同时onClick指定的事件处理程序或代码将被调用执行。通常在下列基本对象中产生：
button（按钮对象）
checkbox（复选框）或（检查列表框）
radio （单选钮）
reset buttons（重要按钮）
submit buttons（提交按钮）
例：可通过下列按钮激活change()文件：
| 以下是引用片段： <Form> <Input type="button" Value=“ ” onClick="change()"> </Form> |
在onClick等号后，可以使用自己编写的函数作为事件处理程序，也可以使用JavaScript中内部的函数。还可以直接使用JavaScript的代码等。例：
<Input type="button" value=" " onclick=alert("这是一个例子"）；
２）onChange改变事件
当利用text或texturea元素输入字符值改变时发该事件，同时当在select表格项中一个选项状态改变后也会引发该事件。
例：
| 以下是引用片段： <Form> <Input type="text" name="Test" value="Test" onCharge="check('this.test)"> </Form> |
（３）选中事件onSelect
当Text或Textarea对象中的文字被加亮后，引发该事件。
（４）获得焦点事件onFocus
当用户单击Text或textarea以及select对象时，产生该事件。此时该对象成为前台对象。
（５）失去焦点onBlur
当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时，引发该文件，他与onFocas事件是一个对应的关系。
（６）载入文件onLoad
当文档载入时，产生该事件。onLoad一个作用就是在首次载入一个文档时检测cookie的值，并用一个变量为其赋值，使它可以被源代码使用。
（７）卸载文件onUnload
当Web页面退出时引发onUnload事件，并可更新Cookie的状态。
四、范例
范例1：下例程序是一个自动装载和自动卸载的例子。即当装入HTML文档时调用loadform()函数,而退出该文档进入另一HTML文档时则首先调用unloadform()函数,确认后方可进入。
| 以下是引用片段： <HTML> <HEAD> <script Language="JavaScript"> <!-- function loadform(){ alert("这是一个自动装载例子!"); } function unloadform(){ alert("这是一个卸载例子!"); } //--> </Script> </HEAD> <BODY OnLoad="loadform()" OnUnload="unloadform()"> <a href="test.htm">调用</a> </BODY> |
test3_2.htm
| 以下是引用片段： |
输出结果图1所示。
图一
本章介绍了JavaScript程序设计的有关内容。程序流、函数、事件是我们学习掌握JavaScript编程的重点。
评论 (0) All
