jQuery事件

jQuery事件
1、jQuery事件
页面加载事件read()方法、鼠标事件、表单事件、键盘事件、事件的绑定与
解绑
页面加载事件read()方法
当DOM载入就绪可以查询及操作时绑定一个要执行的函数
这是事件模块中最重要的一个函数，因为它可以极大的提高web应用程序
的响应速度
简单来说，这个方法纯粹是对向window.log事件注册的替代方法，通过使用
这个方法可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%
的JavaScript函数都需要在那一刻执行
2、鼠标事件
click() 鼠标单击事件
dblclick() 鼠标双击事件
mousedown() 当鼠标指针移动到元素，并按下鼠标按键时会发生mousedown事件
mousedown() 当在元素上放松鼠标按钮时，会发生mouseup事件
mouseup() 当鼠标指针穿过元素时，会发生mouseenter事件 该事件大多数时候会与
mouseleave事件一起使用
mouseenter() 当鼠标指针离开元素时，会发生mouseleava事件，该事件大多数时候会与
mouse enter事件一起使用
mouseleave() 当鼠标指针位于元素上方时，会发生mouseover事件，该事件大多数会与
mouseout事件一起使用
mouseover() 当鼠标指针位于元素上方时，会发生mouseover事件 该事件大多数时候会
与mouseout事件一起使用
mouseout() 当鼠标指针从元素上移开时，发生mouseout事件，该事件大多数时候会与
mouseover事件一起使用
mousemover() 当鼠标指针在指定的元素中移动时，就会发生mousemove事件
mousemove事件处理函数会被传递一个变量，
mouseover与moseenter的区别
mouseover如果鼠标指针穿过选定元素的任何子元素，都会触发mouseover事件
mouseenter如果鼠标指针穿过选定元素的任何子元素不会触发mouseenter事件
mouseout与mouseleave的区别
mouseenter不论书包指针离开被选元素还是任何子元素，都会触发mouseout事件
mouseleave只有在鼠标指针离开被选元素时，才会触发mouseleve事件
总之就是移动代选定元素的子元素上面是否触发事件
mouseover 子元素 触发
mouseenter 子元素 不触发
mouseout 子元素 触发
mouseleave 子元素 不触发
鼠标点击hover事件
一个模仿悬停事件（鼠标移动到一个对象上面及移除这个对象）的方法，这是一个自定义
的方法，它为频繁使用的任何
当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数，当鼠标移出这个元素时
会触发指定的第二个函数
3、表单事件
focus()事件
当元素获得焦点时，触发focus事件，可以通过鼠标点击或则键盘上的TAB导航触发
blur()事件
当元素失去焦点时触发blur事件
这个函数会调用执行绑定到blur事件的所有函数，包括浏览器的默认行为，可以通过
返回false来防止触发浏览器。
focusin()事件与focusout()事件
focusin()事件
当元素获得焦点时，触发focusin事件，focusin事件跟focus事件区别在于，它可以
在父元素上检测子元素获取焦点的情况
focusout()事件
当元素失去焦点时触发focusout事件。Focusout事件跟blur事件区别在于，它可以
在父元素上检测子元素失去焦点的情况
4、键盘事件
鼠标有mousedown，mouseup之类的事件，这是根据人的手势动作分解的2个触发
行为，相对应得键盘也有这类事件，将用户行为分解成2个动作，键盘按下与松手
针对这样得2种动作jQuery分别提供了对应keydown与keyup方法来监听
Keydown()事件
当键盘或按钮被按下时，发生keydown事件
Keyup()事件
当按钮被松开时，发生keyup事件，它发生在当前获得焦点得元素上
5、事件得绑定与解绑
表单事件与键盘事件都有一个特点，就是直接给元素绑定一个处理函数。所有这类
事件都是属于快捷处理，翻开源码其实可以看到，所有的快捷事件在底层的处理都是
通过一个on的方法来实现
jQuery on()方法是官方推荐的绑定事件的一个方法
通过空格分离，传递不同的事件名，可以同时绑定多个事件，每一个事件执行自己的
回调方法
卸载事件off()方法
通过on()绑定的事件处理程序
通过off()方法移除该绑定
根据on绑定的一些特性，off方法也可以通过响应的传递组合事件名，名字空间
选择器或处理函数来移除绑定在元素上指定的事件处理函数，当多个过滤参数时，
只有与这些参数完成匹配的事件选择。