JS事件处理简介

JavaScript 的一个基本特征就是事件驱动。所谓事件驱动，就是当用户执行了某种操作或 Javascript 和 html 交互后导致了某种状态改变后，会因此而引发一系列程序的响应执行。在这里，用户的操作称为事件，程序对事件作出的响应称为事件处理。

事件处理，是指程序对事件作出的响应。事件，对 JavaScript 来说，就是用户与 Web 页面交互时产生的操作或 Javascript 和 html 交互后导致发生变化某种状态的事情，比如移动鼠标、按下某个键、单击按钮等操作以及表示 Ajax 的工作状态发生变化、表示动画已经完成运行等。事件处理中涉及的程序称为事件处理程序。事件处理程序通常定义为函数。

在 Web 页面中产生事件的界面元素，称为事件源。在不同事件源上可以产生相同类型的事件，同一个事件源也可以产生不同类型的事件。JS 程序通过指明事件类型和事件源，并对事件源绑定事件处理程序，这样，一旦事件源发生指定类型的事件，浏览器就会调用事件源所绑定的处理程序进行事件处理。所以事件处理涉及的工作包括事件处理程序的定义及其绑定。

在 Web 页面中，用户可进行的操作有很多，而每一种操作都将产生一个事件，表 1 中列出了常用的 JS 事件。

表 1：JavaScript 常用事件

事件		描述
鼠标事件	click	用户单击鼠标时触发此事件
	dblclick	用户双击鼠标时触发此事件
	mousedown	用户按下鼠标时触发此事件
	mouseup	用户按下鼠标后松开鼠标时触发此事件
	mouseover	当用户将鼠标的光标移动到某对象范围的上方时触发此事件
	mousemove	用户移动鼠标时触发此事件
	mouseout	当用户鼠标的光标离开某对象范围时触发此事件
	mousewheel	当滚动鼠标滚轮时发生此事件,只针对 IE 和 Chrome 有效
	DOMMouseScroll	当滚动鼠标滚轮时发生此事件，针对标准浏览器有效
键盘事件	keypress	当用户键盘上的某个字符键被按下时触发此事件
	keydown	当用户键盘上某个按键被按下时触发此事件
	keyup	当用户键盘上某个按键被按下后松开时触发此事件
窗口事件	error	加载文件或图像发生错误时触发此事件
	load	页面内容加载完成时触发此事件
	resize	当浏览器的窗口大小被改变时触发此事件
	unload	当前页面关闭或退出时触发此事件
表单事件	blur	当表单元素失去焦点时触发此事件
	click	用户单击复选框、单选框、普通按钮、提交按钮和重置按钮等按钮时触发此事件
	change	表单元素的内容发生改变并且元素失去焦点时触发此事件
	focus	当表单元素获得焦点时触发此事件
	reset	用户单击表单上的重置按钮时触发此事件
	select	用户选择了一个 input 或 textarea 表单元素中的文本时触发此事件
	submit	用户单击提交按钮提交表单时触发此事件