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:按下字符键