jQuery事件机制

1. jQuery事件机制：指的是jQuery对JS操作DOM事件的封装，包括了事件绑定、事件解绑、事件触发
2. 简单的事件绑定

1. click()：单击事件
2. blur()：失去焦点事件
3. mouseenter()：鼠标进入事件
4. mouseleave()：鼠标离开事件
5. dbclick()：双击事件
6. change()：改变事件，如：文本框值改变，下拉列表值改变等
7. focus()：获得焦点事件
8. keydown()：键盘按下事件

3. 方式

1. on方式

1. 作用：给匹配的元素绑定事件
2. 参数

<1>第一个参数：事件（绑定事件的名称可以是由空格分隔的多个事件（标准事件/自定义事件））

<2>第二个参数：执行事件的后代元素

<3>第三个参数：传递给处理函数的数据，事件触发的时候通过event.data来使用

<4>第四个参数：事件处理函数

4. 事件解绑：怎么绑定的事件就怎么解绑这个事件

1. off解绑on方式绑定的事件

1. 参数

·无参：解绑匹配元素的所有事件

·一个参数：解绑匹配元素的指定事件

5. 事件触发

1. 简单事件触发（可以写多个）：直接就是一个简单的绑定事件
2. trigger方法触发事件：触发浏览器的默认行为，执行程序，触动事件（只能有一个参数，触发该参数事件的浏览器行为）
3. triggerHandler触发：事件响应方法，不触发浏览器的默认行为，执行程序但是不触动事件（只能有一个参数，这个参数是事件）

例如：文本框获得焦点的默认行为

6. jQuery事件对象

1. event.data：传递给事件处理程序的额外数据
2. event.currentTarget：等同于this，当前DOM对象
3. event.pageX：鼠标相对于文档左部边缘的位置
4. event.target：触发事件源，不一定===this
5. event.stopPropagation()：阻止事件冒泡
6. event.preventDefault()：阻止默认行为
7. event.type：事件类型：click，dbclick
8. event.which：鼠标的按键类型 à  左1中2右3
9. event.keyCode：键盘按键代码