jquery中的简单事件模式

因为使用bind或者one等事件处理函数比较麻烦，所以jquery对事件的处理又进行了封装,我们也可以直接使用封装事件函数，我们称之为jQuery里的简单事件模式。如：

$("li").bind("click",function(){                                                
    	//.....					
});					

改写为简单事件模式就是：

$("li").click(function(){
    //....
});

下边列出了常见的jQuery简单事件，jquery事件的处理函数的第一个参数都是事件。关于jQuery里的event事件对象属性参见js里的事件属性.

jquery中的简单事件模式常用事件列表：

序号	属性	描述	应用举例	类型
1	blur([[data],fn])		$("input").blur(fn);	常用于表单
2	change([[data],fn])	input textarea  select	$("select").change(fn);	表单,失去焦点才触发
3	focus([[data],fn])			常用于表单
4	focusin([data],fn)			表单
5	focusout([data],fn)			表单
6	select([[data],fn])	input(type='text')  textarea	$("input").select(fn);	表单
7	submit([[data],fn])		$("form").submit(fn);	表单
8	click([[data],fn])			鼠标
9	dblclick([[data],fn])			鼠标
10	keydown([[data],fn])	keyCode		键盘
11	keypress([[data],fn])	charCode		键盘
12	keyup([[data],fn])			键盘
13	mousedown([[data],fn])			鼠标
14	mouseenter([[data],fn])			鼠标
15	mouseleave([[data],fn])			鼠标

序号	mousemove([[data],fn])			鼠标
16	mouseout([[data],fn])			鼠标
17	mouseover([[data],fn])			鼠标
18	hover	封装了mouseenter和mouseleave事件		鼠标
19	mouseup([[data],fn])			鼠标
20	error([[data],fn])			浏览器
21	resize([[data],fn])		$(window).resize(fn);	浏览器
22	scroll([[data],fn])		window或其他	浏览器
23	unload([[data],fn])
24	ready			文档加载

注：change因为失去焦点才触发，不能实时监听文本框内容改变，可以考虑html5新增事件oninput，为了兼容ie，加上 propertychange事件。