事件本身相当直观，常用的有：
事件 描述
abort 图片被阻止而不能加载
blur,focus 失去焦点，获得焦点
change 适用于表单元素，当元素使其焦点的时候判断是否发生改变
click,dblclick 单击，双击
keydown,keyup,keypress 按下键，键离开，按下键的时候触发，注意keypress只对数字字母键有效
load 加载图片或者页面的时候
mousedown,mouseup 按下键，放开键
mouseover,mouseout over是当鼠标进入的时候出发，out是离开的时候触发
mousemove 鼠标移动
reset,submit 重置和提交表单
以上仅仅是常用的事件的列表，完整具体的列表可以查找相关手册。
1. 0级dom上的事件处理
0级dom上的事件处理方法是比较早的，目前也广泛应用，从ie4.0开始就支持这类方法。
1.1 事件注册
下面主要介绍如何添加响应事件，也就是为事件添加处理程序。
（1）内联注册（inline registration)
这是最简单的一种，将事件响应程序作为html标签的一个属性来设置，如下例，可以是代码，当然更多情况下是一个函数调用。事件的句柄一般就是事件的名称加上前缀on。
event sample a
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]
这种方法很简单，任何浏览器都支持，缺点是将javascript代码和html代码混杂在一起，而且不能动态添加事件响应程序，也不能添加多个响应程序。
（2）传统模式(traditional registration)
这种模式将事件作为对象的属性进行添加。例如：
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]
1.2 事件的参数（event对象）
有些事件处理程序需要一些关于事件更多的信息，比如click事件发生的位置等。这些信息是通过事件参数传给事件处理程序的。ie事件模型和w3c事件模型对此的实现是不同的。
ie把event对象作为window对象的一个属性，而w3c把event对象作为处理程序的一个参数。下面以click事件为例，分别写一个程序用于ie和支持w3c标准的浏览器。
event samplea
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]
这一段页面代码可以把click事件对象的所有属性都展示出来。上面的例子是w3c的浏览器所用的方法，要在ie下使用，只要改成onclick=”ieclick()”.注意，w3cclick中的参数名，只能是event。打印出来的属性很多，我分别用ff3.5，chrome3，ie8（标准模式和兼容模式）运行，他们共有的属性并不多，其实也就这些共有的属性才有意义，他们是:
altkey,shiftkey,ctrlkey:是否按下alt,shift,ctrl键
clientx,clienty:客户区坐标（浏览器窗口）,screenx,screeny：屏幕区坐标
type:事件类型
虽然事件的参数的传递方式有点不同，但是对于写跨浏览器的代码也没有造成太多的麻烦，只需要在函数一开始判断下window.event有没有定义即可。
复制代码 代码如下:
function bothclick(args) {
var evnt = window.event ? window.event : args;
alert(evnt.clientx);
}
注册句柄为:a
如果采用第二种方式注册句柄，则不需要什么特别处理。
1.3 事件的浮升
页面上的对象通常是重叠的，比如一个div中可以包括若干div或者其他元素。当某一事件触发的时候，同时有多个元素受影响，并且它们都有相应的事件处理程序，那么这些事件处理程序执行哪些？以何种顺序执行？这就是本节要讨论的问题。通常情况下，一个事件被多个句柄捕获的情形并不多见。先看一个例子(css省略)：
outer div inner div
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]
在body，外层div和内层div都响应了click事件，结果如下：
可见，事件是由内向外层的元素依次触发的。（一般教材上的说法是向上浮升，bubbling,我觉得这个向上是有歧义的，我一开始就误认为内层的元素是上面的，因为它能覆盖外层的元素）用0级dom注册的事件，它的浮升方法无论是ie还是w3c都是统一的。
1.4 浮升的取消
有时候我们需要在响应了一个事件之后，就不需要外层的元素再响应了，可以取消事件的浮升。取消的方法ie和w3c是不一致的。ie是通过设置事件对象的cancelbubble属性来实现，w3c则是调用事件对象的stoppropagation方法。
例如上面的例子改为：
复制代码 代码如下:
function inner_click(arg){
var evnt=window.event?window.event:arg;
var dis=document.getelementbyid(res);
dis.innerhtml+=inner click
;
if(evnt.stoppropagation){
evnt.stoppropagation();
}else{
evnt.cancelbubble=true;
}
}
其他不变，这样就只能看到一行输出。
1.5 事件处理函数中的this
这个this指向的是触发事件的对象。
下面介绍2级dom的事件句柄。这种方式是比较新的方式，它不依赖于任何特定的事件句柄属性。w3c规定的方式是
object.addeventlistener(‘event',function,boolean)
第一个参数是事件名，第二个是事件响应函数，第三个变量如果是true，则事件函数在事件冒泡阶段被触发，否则是在事件的捕获阶段被触发。w3c规定事件的发生有两个阶段，首先是捕获，即事件以此从最外层层的元素向内层传递，相应的事件处理函数被依次触发，然后是冒泡阶段，事件从最内层的元素向外层传递。 看一个例子：
dom 2 event
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]
点击灰色框，会依次弹出body true,div true,div false,body false. 很遗憾，ie不支持这种方式,最新的ie8也不支持。不过ie也有类似的注册事件的方法，名字是attachevent.不过这个方法没有第三个参数，它支持冒泡阶段的事件响应。attachevent函数传递事件参数的时候是和w3c一致的，也是通过event参数传递，但是，其函数内部的this指向的不是触发事件对象，而永远指向window。在event对象中有一个属性指向触发该事件的对象，w3c中是target,ie中是srcelement, 在符合w3c规范的浏览器中，事件处理函数中的this和event.target指向的是同一个对象。下面的程序展示了一个ie和w3c兼容的事件处理程序：
dom 2 event hello world.
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]
事件处理程序中w3c和ie还有诸多不一致之处，十分麻烦。好在大多都有较好的解决方案。更多信息请参考http://www.quirksmode.org/js/events_events.html