在学习过程中常常都会被这些长得很相似的事件给混淆，特别是下面这几个，今天来复习一下！
先介绍一下click和dbclick事件：当单击元素时。会发生click事件，click事件会触发每一个匹配元素，这个函数会调用执行绑定到click事件的所有函数，参数（Function）：fn会在每一个匹配元素的click事件中处理绑定函数，Data：click（[Data],fn）可传入data供函数fn处理。
例子：触发页面内所有段落的点击事件
将页面内所有段落点击后隐藏
当双击元素的时候，会发生dbclick事件，当鼠标指针停留在元素上分，然后按下
并松开鼠标左键时，就会发生一次click事件·。在很短的时间内发生两次click事件，
既是一次double click事件。值得注意的是：如果把dbclick和click事件同时应用在
同一个元素上，可能会产生问题。
参数与click事件的没有什么区别，参数（Function）：fn会在每一个匹配元素的dbclick事件中处理绑定函数，Data：dbclick（[Data],fn）可传入data供函数fn处理。
例子：给页面上每一个段落的双击事件绑上” Hello World”警告框
给页面添加图片
接着介绍focus和focusin事件：当元素获得焦点的时候，触发focus事件，可以通过鼠标点击或者键盘上TAB导航触发，会触发所有绑定的focus函数，注意，某些对象不支持focus这种方法。参数（Function）：fn会在每一个匹配元素的focus事件中处理绑定函数，Data：focus（[Data],fn）可传入data供函数fn处理。
例子：当页面加载候将ID为“login”的元素设置焦点
当元素获得焦点的时候，也会触发focusin事件，focusin事件与focus事件的区别在于，focusin可以在父元素上检测子元素获取焦点的情况，在参数方面没什么不同，参数（Function）：fn会在每一个匹配元素的focusin事件中处理绑定函数，Data：focusin（[Data],fn）可传入data供函数fn处理。
例子：当元素获得焦点之后，触发动画效果·
HTML代码：
JQuery代码：
其实还有一个focusout事件，它们长得太像了，所以也要普及一下它的用法。它跟focusin的功能刚刚好相反，focusout是可以在父元素上检测子元素失去焦点的情况，当元素失去焦点时，就会触发focusout事件，参数（Function）：fn会在每一个匹配元素的focusout事件中处理绑定函数，Data：focusout（[Data],fn）可传入data供函数fn处理。
例子：当元素失去焦点之后，触发动画效果
HTML代码：
JQuery代码：
事实证明，用法还是有着很大的区别的。
先介绍一下click和dbclick事件：当单击元素时。会发生click事件，click事件会触发每一个匹配元素，这个函数会调用执行绑定到click事件的所有函数，参数（Function）：fn会在每一个匹配元素的click事件中处理绑定函数，Data：click（[Data],fn）可传入data供函数fn处理。
例子：触发页面内所有段落的点击事件
将页面内所有段落点击后隐藏
当双击元素的时候，会发生dbclick事件，当鼠标指针停留在元素上分，然后按下
并松开鼠标左键时，就会发生一次click事件·。在很短的时间内发生两次click事件，
既是一次double click事件。值得注意的是：如果把dbclick和click事件同时应用在
同一个元素上，可能会产生问题。
参数与click事件的没有什么区别，参数（Function）：fn会在每一个匹配元素的dbclick事件中处理绑定函数，Data：dbclick（[Data],fn）可传入data供函数fn处理。
例子：给页面上每一个段落的双击事件绑上” Hello World”警告框
给页面添加图片
接着介绍focus和focusin事件：当元素获得焦点的时候，触发focus事件，可以通过鼠标点击或者键盘上TAB导航触发，会触发所有绑定的focus函数，注意，某些对象不支持focus这种方法。参数（Function）：fn会在每一个匹配元素的focus事件中处理绑定函数，Data：focus（[Data],fn）可传入data供函数fn处理。
例子：当页面加载候将ID为“login”的元素设置焦点
当元素获得焦点的时候，也会触发focusin事件，focusin事件与focus事件的区别在于，focusin可以在父元素上检测子元素获取焦点的情况，在参数方面没什么不同，参数（Function）：fn会在每一个匹配元素的focusin事件中处理绑定函数，Data：focusin（[Data],fn）可传入data供函数fn处理。
例子：当元素获得焦点之后，触发动画效果·
HTML代码：
JQuery代码：
其实还有一个focusout事件，它们长得太像了，所以也要普及一下它的用法。它跟focusin的功能刚刚好相反，focusout是可以在父元素上检测子元素失去焦点的情况，当元素失去焦点时，就会触发focusout事件，参数（Function）：fn会在每一个匹配元素的focusout事件中处理绑定函数，Data：focusout（[Data],fn）可传入data供函数fn处理。
例子：当元素失去焦点之后，触发动画效果
HTML代码：
JQuery代码：
事实证明，用法还是有着很大的区别的。
