事件绑定

在 JS 内有两种事件绑定方式
1、DOM 0级 事件绑定
-使用 on 语法进行绑定
语法：事件源.on事件类型 = 事件处理函数
特点：同一个事件源的同一个事件类型只能绑定一个事件处理函数

2、DOM 2级 事件绑定（事件侦听器 / 事件监听器）

• 标准浏览器
  语法：事件源.addEventListener(‘事件类型’，事件处理函数)
  特点：同一个事件源的同一个事件类型可以绑定多个事件处理函数，顺序绑定顺序执行

• IE 低版本
  语法：事件源.addEventListener(‘on事件类型’，事件处理函数)
  特点：同一个事件源的同一个事件类型可以绑定多个事件处理函数，顺序绑定倒序执行

事件解绑

取消已经绑定好的事件
1、DOM 0级 事件解绑
语法：事件源.on事件类型 = null
因为 赋值符号 覆盖的原因，就可以解绑

2、DOM 2级 事件解绑

• 标准浏览器
  语法：事件源.removeEventListener(‘事件类型’，要解绑的事件处理函数)
  注意：DOM 2级事件如果需要解绑，那么在解绑的时候，需要把函数单独书写，以函数名的形式进行绑定

• IE 低版本
  语法：事件源.detachEvent(‘on事件类型’，要解绑的事件处理函数)
  注意: DOM 2级事件如果你需要解绑, 那么在绑定的时候, 需要把函数单独书写, 以函数名的形式进行绑定

事件对象 - Event

是一个对象数据类型，内部存储的内容是对象当前事件的描述信息
概念：本次事件触发的时候，对于本次事件细节的所有描述信息的一个对象数据类型

• 如何获取事件对象
  标准浏览器：
  直接在事件处理函数位置接受一个形参，形参就是事件对象
  会在事件触发的时候，由浏览器自动传递实参
  xxx.onclick = function(xxx){}
  xxx.addEventListener(‘click’，function(xxx){})

IE 低版本
直接使用 window.event