htmL:
小课堂总结：
一、注册事件的三种方式：onclck(普通)，addEventListener(可以注册多个，不覆盖，IE9以后才支持)，attachEvent（跟前面效果一样，老版本：IE6-10支持）；
二、移除事件： btn.onclick = null；，removeEventListener('事件名', 函数名（不能匿名函数）)
三、addEventListener的第三参数效果(默认值是false;)：
1、参数为false从内到外执行：事件冒泡
2、参数为true从外到内执行：事件捕获
四、 事件委托：原理冒泡事件；
1、e （event）事件参数, window.event 老版本浏览器兼容
2、e.target是真正触发的事件；
3、e.currentTarget事件处理所属的对象相当于this；
4、e.type 事件名称
5、。。。。。。多个可以打印console.log(e)
6、e.clientX ,e.clientY 根据鼠标指针在浏览器 的可视区域的坐标
7、e.pageX,e.pageY 根据鼠标指针在页面 坐标（+滚动条
8、获取滚动条滚动的距离
console.log(document.documentElement.scrollLeft)
console.log(document.documentElement.scrollTop)
9、 偏移量上左offsetLeft，offsetTop（就是一块区域的周围的距离）
10、 键盘事件 keydown(键盘按下) keyup(键盘松开)
console.log(e.keyCode)键盘码