JavaScript中的事件

事件是可以被JavaScript侦测到的行为。

比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。常用事件如下：鼠标点击、页面或图像载入、鼠标悬浮于页面的某个热点之上、在表单中选取输入框、确认表单、键盘按键等等。

注意：事件通常与函数配合使用，当事件发生时函数才会执行。

下面解释几个常用的事件：

第一：onload 和 onUnload

当用户进入或离开页面时就会触发 onload 和 onUnload 事件。

onload 事件常用来检测访问者的浏览器类型和版本，然后根据这些信息载入特定版本的网页。

onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。例如,当某用户第一次进入页面时，你可以使用消息框来询问用户的姓名。姓名会保存在 cookie 中。当用户再次进入这个页面时，你可以使用另一个消息框来和这个用户打招呼："欢迎你再次光临本站！"。

第二：onFocus, onBlur 和 onChange

onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。

比如：<input type="text" size="30" > //用户一旦改变了域的内容，checkEmail() 函数就会被调用。

第三：onSubmit

onSubmit 用于在提交表单之前验证所有的表单域。

比如：当用户单击表单中的确认按钮时，checkForm() 函数就会被调用。假若域的值无效，此次提交就会被取消。checkForm() 函数的返回值是 true 或者 false。如果返回值为true，则提交表单，反之取消提交。

<form method="post" action="DisplayNews.aspx" onsubmit="return checkForm()">

第四:onMouseOver 和 onMouseOut

onMouseOver 和 onMouseOut 用来创建“动态的”按钮。

比如：当 onMouseOver 事件被脚本侦测到时，就会弹出一个警告框：

<a href="http://codeshark.cnblogs.com/" onmouseover="alert('An onMouseOver event');return false"> </a>

有关更多的事件请查看相关手册。