事件（鼠标、键盘）、事件监听、事件委托

事件与事件对象

	事件：对某个元素的某种操作
	事件三要素
		事件元素（DOM节点）
		事件类型
		事件对象event
			拥有处理该类型事件的属性和方法
			事件对象为非必需的
			鼠标事件对象：坐标
			键盘事件对象：录入的数据

事件对象的兼容性

	document.onclick=function(evt){
       var  e=evt | | event;
}
	实参由系统传递，需要事件触发（鼠标，键盘）产生

案例：老虎跳
	元素在页面发生位移，改变left和top
	位置读写
		元素.offsetwidth=数字+“px”
			写为字符，需要加PX
		元素.style.width
			读得到数字

鼠标事件对象（坐标位置）

	page
		整个页面的左顶点作为参照
	client
		局部窗口（可视）的左顶点作为参照
	offset
		最近父元素的左顶点作为参照，常用于拖拽
	获取坐标
		e.pageX+"px"
		e.pageT+"px"

键盘事件对象

	键盘事件的事件源建议均为document
	document.onkeydown
		用户按下按键时发生
	 document.onkeyup
		用户释放某一个按键时发生
		任何键均有效
	document.onkeypress
		用户按下按键，并且产生一个字符时发生（ctrl这类功能键无效果&