1、事件监听
语法：
<1> 元素对象.addEventListener(‘事件类型’,要执行的函数）
三要素：（1）、事件源 （2）事件类型 （3）执行的函数
<2>元素对象.on事件类型 = function(){myScript};
如"元素对象.onkeydown = function(){myScript};"、“元素对象.onclick = function(){myScript};”
区别：on事件方法是最早的事件监听方法，存在一些问题，不推荐使用了；Internet Explorer 8 或更早的版本不支持 addEventListener() 方法。
2、事件类型
鼠标事件：
- click 鼠标点击
- mouseenter 鼠标经过
- mouseleave 鼠标离开
焦点光标事件：
- focus 获得焦点
- blus 失去焦点
键盘事件：
- keydown 键盘按下触发
- keyup 键盘抬起触发 （最好用这个，松手后才发出内容）
文本事件：
- input 用户输入事件
3、let和var的区别
var是旧版本中使用的，有些不合理的地方，现在已经不怎么用了。
let对var不合理的地方进行了改进。
4、事件对象——event、ev、e
- 函数里的第一个参数 。function（event）{}
- 事件对象记录鼠标的位置，或者敲下哪个键盘键的信息。
- 事件对象也是对象，所以它也有属性和方法。
事件对象的属性：
- type 获取当前的事件类型
- clientX/clientY 获取光标相对于浏览器可见窗口左上角的位置
- offsetX/offsetY 获取光标相对于当前DOM元素左上角的位置
- key 用户按下的键盘键的值，现在不提倡使用keycode