前端交互的各种事件

1：什么是事件？
人与机的交互就是事件。
2：事件类型：
ui事件
*onscroll 滚动条事件
onload 页面加载触发
unload 页面关闭触发
onselect 选中文本时触发
onresize 改变浏览器窗口触发
onabort 图像加载被中断触发
error 错误信息时触发
*onchange 当改变一个元素的值且失去焦点时
焦点事件
*onfocus 获得焦点事件（没有冒泡，浏览器都支持）
*onblur 失去焦点事件（没有冒泡，浏览器都支持）

	onfocusin 				获得焦点事件（有冒泡，IE支持）
	onfocusout 				失去焦点事件（有冒泡，IE支持）
鼠标事件
	*onclick				当用户单击对象时
	*ondblclick				当用户双击对象时
	*onmouseout				移出事件
	*onmouseover			移入事件
	*onmousemove			移入元素的内部不断的移动时触发
	onmousedown				在用户按下了任意鼠标按钮时触发
	onmouseup				在用户释放鼠标按钮时触发
键盘事件
	onKeydown：				当用户按下键盘上的任意键时触发。
	onKeypress：				当用户按下键盘上的字符键时触发。
	onKeyup：				当用户释放键盘上的键时触发。
	keyCode					返回键盘键对应的编码

3： 获取鼠标在可视窗口的位置
clientX 鼠标在x轴的位置
clientY 鼠标在y轴的位置
4:获取鼠标在页面的坐标位置
pageX 鼠标在页面x轴的位置
pageY 鼠标在页面y轴的位置

5:获取鼠标在屏幕坐标位置
screenX 鼠标在屏幕的x轴的位置
screenY 鼠标在屏幕的y轴的位置
6:获取到鼠标在当前div(元素)上的坐标位置
offsetY
offsetX 火狐浏览器不兼容
layerX 火狐浏览器兼容
layerY
7:获取可视窗口的宽高/获取屏幕窗口的宽高
可视：clientWidth/clientHeight
屏幕：screenWidth/screenHeight