事件监听 事件类型 回调函数

1.事件监听（绑定）

 语法：

 事件监听三要素：

 事件源： 那个dom元素被事件触发了，要获取dom元素

 事件类型： 用什么方式触发，比如鼠标单击 click、鼠标经过 mouseover 等

 事件处理程序： 要做什么事 

2.事件类型

1.鼠标事件

click 鼠标点击

dblclick 鼠标双击

mouseenter 鼠标经过

mouseleave 鼠标离开

mouseover 鼠标经过

mouseout 鼠标离开

2.焦点事件

focus 获得焦点

blur 失去焦点

3.键盘事件

Keydown 键盘按下触发

Keyup 键盘抬起触发

4.文本事件

input 用户输入事件

3.事件对象

 语法：如何获取

 在事件绑定的回调函数的第一个参数就是事件对象

 一般命名为event、ev、e

目标：能够使用常见事件对象属性

 部分常用属性

 type --获取当前的事件类型

 clientX/clientY --获取光标相对于浏览器可见窗口左上角的位置

 offsetX/offsetY --获取光标相对于当前DOM元素左上角的位置

 key --用户按下的键盘键的值

 现在不提倡使用keyCode 

4.环境对象

目标：能够分析判断函数运行在不同环境中 this 所指代的对象

环境对象：指的是函数内部特殊的变量 this ，它代表着当前函数运行时所处的环境

作用：弄清楚this的指向，可以让我们代码更简洁

 函数的调用方式不同，this 指代的对象也不同

 【谁调用， this 就是谁】 是判断 this 指向的粗略规则

 直接调用函数，其实相当于是 window.函数，所以 this 指代 window

5.回调函数

目标：能够说出什么是回调函数

如果将函数 A 做为参数传递给函数 B 时，我们称函数 A 为回调函数

简单理解： 当一个函数当做参数来传递给另外一个函数的时候，这个函数就是回调函数