首页 理论教育 JavaScript事件驱动

JavaScript事件驱动

时间:2023-11-08 理论教育 版权反馈
【摘要】:JavaScript的事件驱动机制可以改变浏览器响应用户操作的方式,开发出交互性强的动态网页。JavaScript中常用的事件主要有以下几个。同时,onClick指定的事件处理程序或代码将被调用执行。

JavaScript事件驱动

JavaScript的事件驱动机制可以改变浏览器响应用户操作的方式,开发出交互性强的动态网页。其中,事件是指在主页中执行某种操作所产生的动作,比如按下鼠标、移动窗口、选择菜单等都可以视为事件。所谓事件驱动是指当事件发生后,引起的相应的事件响应过程,这一响应过程通常与函数配合使用,可以通过发生的事件来驱动函数执行。浏览器在程序运行的大部分时间都在等待交互事件的发生,并在事件发生时,自动调用事件处理函数,完成事件处理过程。JavaScript中常用的事件主要有以下几个。

1.onClick:鼠标单击事件

当用户单击鼠标按钮时,产生onClick事件。同时,onClick指定的事件处理程序或代码将被调用执行。onClick事件通常在下列基本对象中产生:button(按钮对象)、checkbox(复选框)或(检查列表框)、radio(单选钮)、reset buttons(重置按钮)、submit buttons(提交按钮)等。例如,可通过按按钮触发onClick事件。

<form>

<input type="button"value="按钮"onClick="change()">

</form>

说明:在“onClick”后,可以使用自己编写的函数作为事件处理程序,也可以使用JavaScript中内部的函数,还可以直接使用JavaScript的代码等。例如:

<Input type="button"value="按钮"onClick="alert('这是一个例子')">

2.onChange:改变事件

当利用text或texturea元素输入字符值改变时引发该事件,同时,当在select表格项中一个选项状态改变后也会引发该事件。

3.onSelect:选中事件(www.xing528.com)

当Text或Textarea对象中的文字被加亮后引发。

4.onFocus:获得焦点事件

当用户单击Text或textarea以及select对象时引发。此时该对象成为前台对象。

5.onBlur:失去焦点事件

当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时引发,与onFocus事件对应。

6.onLoad:载入文件事件

当文档载入时,产生该事件。onLoad常用于在首次载入一个文档时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用。

7.onUnload:卸载文件事件

当Web页面退出时引发,可用于更新cookie的状态。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈