HTML DOM 事件

事件

一个网页上的每一个元素都有可以被JavaScript函数引发的特定事件。比如我们可以使用按钮Button元素的onClick事件来实现这样的程序：当一个用户点击Button按钮时将执行一个函数。我们是在HTML元素里定义事件的。

下面是一些事件的例子：

• 一个鼠标点击
• 一个网页或一幅图片加载
• 鼠标滑过网页上的某个热点
• 在一个HTML form表单中选择一个input 区域
• 提交一个HTML表单
• 按下某个按键

注意:事件events通常是和函数function组合在一起使用，在事件触发之前不会执行这个函数。

onload 和 onUnload

当用户进入和离开一个页面时，将分别触发DOM 的onload事件和onUnload事件。

onload事件经常用来检测访问者的浏览器类型和浏览器版本，然后基于获得的浏览器信息加载最适合当前访问者浏览器的网页版本。

onload事件和onUnload事件同样经常被用于处理当一个用户进入或离开网页时要设定的cookie。举个例子，如果某个访问者是第一次访问你的页面，你可能就会设置一个弹出信息询问用户的姓名XXX。然后用户输入的姓名XXX会保存在cookie中。下一次这个访问者再次访问你的页面时，你可能就可以设置一个“欢迎XXX”之类的弹出信息了。

onFocus, onBlur and onChange事件

onFocus, onBlur and onChange事件经常组合起来用于表单验证。

下面的实例演示了如何使用onChange事件。当用户改变e-mail表单区域的内容时，将会引用checkEmail()函数。

E-mail: <input type="text" id="email" onchange="checkEmail()" />

DOM 事件参考

如果要详细了解每一个事件的完整描述和实例，请参考我们的 HTML DOM 事件 参考手册。