JQuery事件介绍（下）
开发工具和关键技术：Adobe Dreamweaver CC 2017，JaveScript
作者：金建勇
撰写时间：2019年2月10日
接着上一期的JQuery事件介绍，这期我们来介绍下通过鼠标和键盘触发的事件。首先还是引入JQuery插件 “jquery-3.2.1.min.js”，下面介绍函数：
1、click(); 触发每一个匹配元素的click事件,也就是鼠标点击事件。代码见下图：
2、dblclick(); 当双击元素时，会发生 dblclick 事件。代码见下图：
3、focus(); 当元素获得焦点时，触发 focus 事件，可以通过鼠标点击或者键盘上的Tab导航触发。代码见下图：
4、focusin(); 和focus();一样，当元素获得焦点时触发，区别在于focusin可以在父元素上检测子元素获取焦点的情况。代码见下图：
5、focusout(); 当元素失去焦点时触发 focusout 事件。代码见下图：
6、mousedown(); 当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。代码见下图：
7、mouseenter(); 当鼠标指针穿过元素时，会发生 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用。代码见下图：
8、mouseleave(); 当鼠标指针离开元素时，会发生 mouseleave 事件。该事件大多数时候会与mouseenter 事件一起使用。代码见下图：
9、mousemove(); 当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件。代码见下图：
10、mouseout(); 当鼠标指针从元素上移开时，发生 mouseout 事件。代码见下图：
11、mouseover(); 当鼠标指针位于元素上方时，会发生 mouseover 事件。代码见下图：
12、mouseup(); 当在元素上放松鼠标按钮时，会发生 mouseup 事件。代码见下图：
13、keypress(); 当键盘或按钮被按下时，发生 keypress 事件。代码见下图：
14、keyup(); 当按钮被松开时，发生 keyup 事件。它发生在当前获得焦点的元素上。代码见下图：
15、keydown(); 当键盘或按钮被按下时，发生 keydown 事件。该事件与keypress类似，区别在于keydown不能识别特殊字符。代码见下图：
JQuery事件就简单介绍到这里。下期作品再见！