网站建设新闻

事件驱动及事件处理

2020-04-10 09:07:12 合肥网站建设制作网络公司
事件驱动及事件处理
(1)基本概念
JavaScript 是基于对象(Object-Based)的语言。这与 Java 不同,Java 是面向对象的语言。而基于对象的基本特征,就是采用事件驱动(Event-Driven)。它在图形界面的环境下,使得一切输入变化简单化。通常鼠标或热键的动作被称为事件(Event),而由鼠标或热键引发的一连串程序的动作,被称为事件驱动(Event  Driver)。而对事件进行处理的程序或函数被称为事件处理程序
(Event Handler)。
(2)事件处理程序
在 JavaScript 中对象事件的处理通常由函数(Function)担任。其基本格式与函数全部一样, 可以将前面所介绍的所有函数作为事件处理程序。格式如下:
Function 事件处理名(参数表){
事件处理语句集;
 
}
(3)事件驱动
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" value="Test" onCharge= alert("这是一个例子");
</Form>
选中事件 onSelect
当 Text 或 Textarea 对象中的文字被选中后,引发该事件。
获得焦点事件 onFocus
当用户单击 Text、textarea 及 select 对象时,产生该事件。此时该对象成为前台对象。
失去焦点 onBlur
当 text 对象、textarea 对象及 select 对象不再拥有焦点,退到后台时引发该文件,它与 onFocas
事件是一个对应的关系。
载入文件 onLoad
当载入文档时,产生该事件。onLoad 的一个作用就是在首次载入一个文档时检测 cookie 的值,并用一个变量为其赋值,使它可以供源代码使用。
卸载文件 onUnload
当 Web 页面退出时引发 onUnload 事件,并可更新 Cookie 的状态。
 

关于网站建设公司

网站模板超市

网络公司案例

15375431506

网络公司咨询:周一至周日 08:00~21:00