首页 理论教育Web网站构建与程序设计实训教程:事件驱动及事件处理

Web网站构建与程序设计实训教程:事件驱动及事件处理

【摘要】:通常鼠标或热键等的动作称之为事件,而由鼠标或热键等引发的一连串程序的动作,称之为事件驱动。而对事件进行处理的程序或函数,称之为事件处理程序。事件通常与函数配合使用,当事件发生时函数才会执行。将函数名赋值给事件名,一旦发生了该事件则会调用相关的函数(程序)来处理发生的事件,如:表示一旦该标记对象上发生了鼠标双击事件,则执行JS函数Select()。图3-17 事件驱动及事件处理E_js_3.htm:

通常鼠标或热键等的动作称之为事件(Event),而由鼠标或热键等引发的一连串程序的动作,称之为事件驱动(Event Driver)。而对事件进行处理的程序或函数,称之为事件处理程序(Event Handler)。网页中的每个标记都可以产生某些可以触发JavaScript函数执行的事件。如,可以单击某按钮产生一个onClick事件来触发某个函数的执行。事件通常与函数配合使用,当事件发生时函数才会执行。JS中定义了许多事件名如onmouseover(当鼠标移到标记对象上时)、onmouseout(当鼠标离开标记对象上时)等。

将函数名赋值给事件名,一旦发生了该事件则会调用相关的函数(程序)来处理发生的事件,如:

978-7-111-38219-5-Chapter03-97.jpg

表示一旦该标记对象上发生了鼠标双击事件,则执行JS函数Select()。也可直接将JS语句赋值给事件名,一旦发生了该事件则会执行该语句,如:

978-7-111-38219-5-Chapter03-98.jpg

有关JavaScript的事件,请参考附录C。

程序“E_js_3.htm”演示了onLoad事件和ondblclick事件。程序装入浏览器时发生onLoad事件,执行函数getT1Focus(),将焦点定在输入框中,方便输入。双击选择框中的任一单位名称发生ondblclick事件,执行函数Select(),找到双击的单位名称项并放入输入框中。(www.chuimin.cn)

使用“记事本”输入“E_js_3.htm”程序并存放在应用目录“webapps/ROOT”下的“E25”目录中。在浏览器地址栏中输入:http://192.168.2.1:8080/E25/E_js_3.htm,则浏览器窗口显示如图3-17所示。

978-7-111-38219-5-Chapter03-99.jpg

图3-17 事件驱动及事件处理

E_js_3.htm:

978-7-111-38219-5-Chapter03-100.jpg

978-7-111-38219-5-Chapter03-101.jpg