开发学院网页设计 JavaScript JavaScript Event学习第二章：Event 阅读

JavaScript Event学习第二章：Event

　2010-03-30 00:00:00　来源：WEB开发网　　　

核心提示：在这一章我将对重要的事件做一个概述，包括一些流行的浏览器的兼容性问题，JavaScript Event学习第二章：Event，在这里提出的事件，当他们发生在一个确定的HTML元素上的时候，不久之后mouseout也被添加了进去，他会在鼠标离开链接区域的时候触发，他们的名字能够被大多数的浏览器所识别，也就是说

在这一章我将对重要的事件做一个概述，包括一些流行的浏览器的兼容性问题。

在这里提出的事件，当他们发生在一个确定的HTML元素上的时候，他们的名字能够被大多数的浏览器所识别。也就是说，浏览器会查找你为这个HTML元素所注册的事件处理程序的脚本，而且会被立即执行。

一开始只有为数很少的一些事件。这些事件在几乎所有的JavaScript浏览器都能运行，即使是那些非常古老的。需要注意的是那些早期的事件只能工作在链接或者表单上，有时候也能运行在整个窗口上，但是其他的大多数HTML元素不行。

时代变迁，很多新的事件也给大家介绍过了。第四代浏览器和更高级的浏览器允许事件注册在任何的HTML元素上。

所以你基本上可以在任何元素上绑定任何事件，虽然在<P>上绑定一个keydown没有什么意义。

在这里查看完整的浏览器事件兼容性列表。

界面事件(Interface events)

界面事件不是被用户动作触发的，而是被用户行为结果触发。

用户在任何元素上单击都会触发一个click时间。当点击发生在有特殊含义的元素上的时候，额外的界面事件就会被触发。

例如，当用户在一个链接上单击就触发了click时间。单击这个链接一个新的页面就会被装载，所以这个特殊的click事件导致了界面事件unload的触发。

其他的界面事件还有resize，scroll和focus/blur。

鼠标事件(mouse events)

从Netscape 2开始，所有的浏览器都注意到了这样两个事实。当鼠标划入一个链接区域，那么mouseover事件就触发了。当他点击了这个链接那么click事件触发。不久之后mouseout也被添加了进去，他会在鼠标离开链接区域的时候触发。因此传统的鼠标事件三合会(Traditional Triad)成立了。

编缉推荐阅读以下文章