DOM事件

1，事件流:从页面中接受事件的顺序；

    事件冒泡：从具体到不具体；

    事件捕获：从不具体到具体；

2，事件处理程序：

• HTML事件处理程序
• DOM0级事件处理程序
• DOM2级事件处理程序
• IE事件处理程序

跨浏览器的事件处理程序：
// 事件处理程序
var eventUtils={
// 添加事件
addHandler:function (element,type,handler) {
 if (element.addEventListener) {
 element.addEventListener(type, handler,false);
  }else if (element.attachEvent) {
  element.attachEvent('on'+type,handler);
  }else{
  element['on'+type]=handler;
  }
}, //分割之间有, 号
// 添加事件
removeHandler:function (element,type,handler) {
 if (element.removeEventListener) {
 element.removeEventListener(type, handler,false);
  }else if (element.detachEvent) {
  element.detachEvent('on'+type,handler);
  }else{
  element['on'+type]=null;
  }
}
}

3，事件对象：

• DOM事件对象和IE事件对象

4,DOM的事件类型：

• 鼠标事件
  • onmousedown
  • onmousemove :当鼠标指针在元素内移动的时候重复被触发
  • 鼠标事件对象中有一个clienX和clientY获取鼠标指针的位置
• 键盘事件
  • onkeyup:键盘按下松开的
    
  • onkeydown:按下键盘的任意键，按下就会重复触发；
  • onkeyPress:按下字符键