08.31 JavaScript 事件基础绑定事件解除绑定事件 this的用法事件类型鼠标事件键盘事件 Event对象

# 事件基础
### 绑定事件
* 把事件当做HTML元素的属性

     `<button onclick="code...">`
* 把事件当做dom对象的方法

     `dom.onclick = function(){code....}`

*  事件监听方式
    * addEventListener(eventName, fn, true/false)
    * attachEvent(eventName, fn)

### 解除事件的绑定
* 绑定方式：把事件当做html元素属性 / 把事件当做dom对象的方法

     重新绑定一个空的function，覆盖前面

* 绑定方式是事件监听方式
    * removeEventListener(event, fn)
    * detachEvent(event, fn) IE8专用取消

### this的用法
* 循环给一组元素绑定事件的时候
* 事件作为html元素属性的时候，函数调用，传this表示该元素

# 事件类型
### 鼠标事件
* click  单击
* dblclick   双击
* contextmenu  右击
* mouseover   鼠标进入元素
* mouseout    鼠标离开元素
* mousedown  鼠标按键按下
* mouseup       鼠标按键抬起
* mousemove   鼠标移动