JavaScript是基于对象（object-based的语言。而基于对象的基本特征，就是采用事件驱动（event-driven）。它是在图形界面的环境下,使得一切输入变化简单化.通常鼠标或热键的动作我们称之为事件(Event)，而由鼠标或热键引发的一连串程序的动作，称之为事件驱动（Event Driver）。而对事件进行处理程序或函数，我们称之为事件处理程序（Event Handler）。
利用JavaScript的事件，主要有下面两个用途：
● 验证用户输入窗体的数据
● 增加页面的动态效果
一般来说，一个利用JavaScript实现交互功能的Web网页总是有3个部分的内容：
● 在Head部分定义一些 javascript函数，其中的一些可能是事件处理函数，另外一些可能是为了配合这些事件处理函数而编写的普通函数。
● HTML本身的各种控制标记。
● 拥有句柄属性的 HTML标记，主要涉及到一些界面元素。这些元素可以把HTML同JavaScript代码相连。
为了理解JavaScript的事件处理模型，可以设想一下在一个Web页面可能会遇到怎样的用户响应。归纳起来，必须使用的事件主要有3大类：
一类是引起页面之间跳转的事件，主要是超链接事件；在一类是浏览器自己引起的事件，例如网页的装载、表单的提交等；另一类事件是在表单内部同界面对象的交互，包括界面对象的选定、改变等。可以按照应用程序的具体功能自由设计。
onClick事件
鼠标单击事件是最常见的事件之一，当用户单击鼠标按钮时。同时onClick指定的事件处理程序或代码将被调用执行。
文件范例：15-14.htm>
在脚本中使用onClick事件。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：15-14.htm -->
03 <!-- 文件说明：OnClick事件 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>OnClick事件</TITLE>
08 </HEAD>
09 <BODY>
10 <Form>
11 <Input type="button" Value="请点击我" onClick=alert("你好！")>
12 </Form>
13 </BODY>
14 </HTML>
文件说明
第11行使用 onClick事件弹出警告提示对话框。
onChange事件
onChange事件就是当文本框的内容改变时发生的事件。
文件范例：1
本文详细介绍了JavaScript中的事件处理，包括onClick、onChange、onSelect、onFocus、onLoad、onUnload、onBlur、onMouseover、onMouseout和onDblClick等常见事件，阐述了它们在网页交互中的应用，如用户输入验证和动态效果的实现。
最低0.47元/天 解锁文章
537
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
