APIS——事件监听、事件类型、事件对象、环境对象、回调函数

事件监听

检测是否有事件产生，一旦有事件触发就立刻调用一个函数作出响应

元素对象.addEventListener('事件类型',要执行的函数)

三要素：
事件源
事件类型：用什么方式除法，鼠标单击click、鼠标经过mouseover
事件调用的函数

事件类型

事件对象

是一个对象，这个对象里有事件触发时的相关信息。例：鼠标点击事件中，事件对象就存了鼠标点在哪个位置等信息。

获取事件对象

在事件绑定的回调函数的第一个参数就是事件对象，一般命名为event、ev、e。

元素.addEventListener('click',function(e){})  //如这个e就是一个事件对象，包含了属性和方法

常见事件对象属性

（1）type：获取当前事件类型
（2）clientX/clientY：获取光标相对于浏览器可见窗口左上角的位置
（3）offsetX/offsetY：获取光标相对于当前DOM元素左上角的位置
（4）key：用户按下的键盘键的值

环境对象

函数内部特殊的变量this，它代表着当前函数运行时所处的环境。指向函数的调用者。

回调函数

如果将函数A作为参数传递给函数B时，我们称函数A为回调函数。如图，fn就是A，setInterval是函数B。