什么是事件
事件是分为两部分:
**行为本身: **浏览器天生就赋予其的行为
onclick, onmouseover(onmouseenter), onmouseout(onmouseleave), onmousemove, onmousedown, onmouseup, onmousewheel(鼠标滚轮滚动行为), onscroll(滚动条滚动行为), onresize(window.onresize->浏览器窗口的大小改变事件), onload, onunload, onfocus(文本框获取焦点事件), onblur(文本框失去焦点事件), onkeydown/onkeyup(键盘的按下和抬起事件)...
哪怕没有给上述的行为绑定方法，事件也是存在的，当我们点击这个盒子的时候，同样会触发它的onclick行为，只是什么事请都没有做而已。事件绑定: 给元素的某一个行为绑定方法。
DOM 0级事件绑定
// -> onclick这个行为是定义在当前元素的私有属性上
// DOM 0级事件绑定
var oDiv = document.getElementById('div1');
oDiv.onclick = function () {
// -> 当触发oDiv的click行为时，会把绑定的这个函数执行
};
DOM 2级事件绑定
// addEventListener这个属性是定义在当前元素的所属EventTarget这个类的原型上
// DOM 2级事件绑定
oDiv.addEventListener('click', function () {
console.log('ok');
}, false);
