jQuery事件

jQuery事件

jQuery鼠标事件

1. ().click() :点击事件
2. ().dblcilck() ：双击事件
3. ().hover() :鼠标悬停和离开
4. ().mousedown(): 鼠标按下
5. ().mouseenter(): 鼠标进入元素
6. ().mouseleave():鼠标离开元素
7. ().mousemove():鼠标在元素内移动
8. ().mouseout():鼠标离开元素（支持事件冒泡）
9. ().mouseover():鼠标进入元素内（支持事件冒泡）
10. ().mouseup ():鼠标按键被释放

键盘事件

11. ().keydown(): 键盘按下时触发 适合表单元素
12. ().keypress(): 敲击键盘时触发
13. ().keyup(): 按键释放时触发
    先触发keydown,再keypress，只有keydown,keypress都没有注册时才触发keyup

浏览器事件

1. ().error(): 出现错误 （已淘汰）
2. ().scroll():滚动时
3. ().resize():窗口大小改变时

文档加载事件
ready()事件：在DOM结构绘制完成后就会执行，确保就算有大量媒体文件没加载出来,js代码一样可以执行
load()事件 ：必须等待网页所有的内容加载完毕之后才被执行。如果网页有大量图片，会出现： 网页文档已呈现出来，但由于网页数据还没有完全加载完毕，导致load事件未能触发。

文档加载过程
4. 解析HTML结构
5. 加载外部脚本和样式表文件
6. 解析并执行脚本文件
7. 构造HTML DOM模型//ready
8. 加载图片等外部文件
9. 页面加载完毕 //load

绑定事件处理器

10. ().bind():给元素添加事件 bind(“事件类型”，“处理函数”，“是否设置冒泡事件(默认事件)”(可不写)）//现被on()替代
11. ().delegate(): 事件委托 (”选择器(委托对象)“，“事件类型”，“处理函数”，“是否冒泡”) //on()代替
12. ().on():在选定的元素上绑定一个或多个处理函数(“事件类型”，“选择器”，“处理函数”，“是否冒泡”)
13. ().off(): 移除事件 参数为空表示移除所有事件，(“事件类型”，“选择器”，“处理函数”，“是否冒泡”)
14. ().one() : 常用做引导页 只执行一次
15. ().unbind() ：bind对应的移除事件
16. ().undelegate() :delegate对应的移出事件

事件对象

1. event.currentTarget//事件的监听者
2. event.Target//事件的目标
3. event.delegateTarget//当前事件的委托者
4. event.pageX//鼠标相对于文档左边缘的位置
5. event.pageY //鼠标相对于文档上边缘的位置
6. event.type//事件类型
7. event.preventDefault//阻止默认类型
8. event.stopPropagation//阻止冒泡事件

表单事件
focus()//获得焦点事件 适用于所有元素
blur()//失去焦点事件
change()//元素内容改变时就会触发，仅限于input textarea select元素
select()//选中时触发 仅限于 input pype=“text” textarea
submit()// 仅限form