jQuery事件

开发工具与关键技术：Adobe Dreamweaver JavaScript
作者：陈石军
撰写时间：2020年5月4日

一．jQuery鼠标事件
jQuery鼠标事件中的方法：
1.click()鼠标单击事件。
2.dblclick()鼠标双击事件。
3.mousedown()当鼠标指针移动到元素上方，并按下鼠标按键时，会发生mousedown事件。
4.mouseup()当在元素上放松鼠标按钮时，会发生 mouseup 事件。
5.mouseenter()当鼠标指针穿过元素时，会发生mouseenter事件。该事件大多数时候会与6.mouseleave事件一起使用。mouseleave()当鼠标指针离开元素时，会发生 mouseleave 事件。该事件大多数时候会与mouseenter 事件一起使用。
7.mouseover()当鼠标指针位于元素上方时，会发生 mouseover 事件。该事件大多数时候会与 mouseout 事件一起使用。
8.mouseout()当鼠标指针从元素上移开时，发生 mouseout 事件。该事件大多数时候会与 mouseover 事件一起使用。
9. mousemove()当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件。mousemove事件处理函数会被传递一个变量——事件对象，其.clientX 和 .clientY 属性代表鼠标的坐标。

mouseover与mouseenter的区别：
1.mouseover如果鼠标指针穿过选定元素的任何子元素，都会触发mouseover事件。
2.mouseenter如果鼠标指针穿过选定元素的任何子元素不会触发mouseenter事件。

mouseout与mouseleave的区别：
3.mouseout不论鼠标指针离开被选元素还是任何子元素，都会触发mouseout事件。
4.mouseleave只有在鼠标指针离开被选子元素时，才会触发 mouseleave 事件。

二．jQuery键盘事件
1.keydown()与keyup()事件：keydown()事件，当键盘或按钮被按下时，发生keydown事件。keyup()事件，当按钮被松开时，发生keyup事件。它发生在当前获得焦点的元素上。注意，在input元素上绑定keydown事件会发现一个问题，每次获取的内容都是之前输入的，当前输入的获取不到。这是因为keydown事件触发在文字还没敲进文本框，这时如果在keydown事件中输出文本框中的文本，得到的是触发键盘事件前的文本，而keyup事件触发时整个键盘事件的操作已经完成，获得的是触发键盘事件后的文本。
例子：
三．表单事件
1.change()事件：input元素，textarea和select元素的值都是可以发生改变的，开发者可以通过change事件去监听这些改变的动作。input元素监听value值的变化，当有改变时，失去焦点后触发change事件，对于单选按钮和复选框，当用户用鼠标做出选择时，该事件立即触发。select元素对于下拉选择框，当用户用鼠标作出选择时，该事件立即触发。textarea元素，多行文本输入框，当有改变时，失去焦点后触发change事件。
例子：
2.select()事件：当textarea或文本类型的input元素中的文本被选择时，会发生 select 事件。这个函数会调用执行绑定到select事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。
例子：
3.submit()事件：提交表单是一个最常见的业务需求，比如用户注册，一些信息的输入都是需要表单的提交。，同样的有时候开发者需要在表单提交的时候过滤一些的数据、做一些必要的操作。例如：验证表单输入的正确性，如果错误就阻止提交，从新输入。此时可以通过submit事件，监听下提交表单的这个动作。注意：form元素是有默认提交表单的行为，如果通过submit处理的话，需要禁止浏览器的这个默认行为。，jQuery中可以直接在函数中最后结尾return false即可。
例子：