事件初探

什么是事件
事件是分为两部分:

1. **行为本身: **浏览器天生就赋予其的行为 onclick, onmouseover(onmouseenter), onmouseout(onmouseleave), onmousemove, onmousedown, onmouseup, onmousewheel(鼠标滚轮滚动行为), onscroll(滚动条滚动行为), onresize(window.onresize->浏览器窗口的大小改变事件), onload, onunload, onfocus(文本框获取焦点事件), onblur(文本框失去焦点事件), onkeydown/onkeyup(键盘的按下和抬起事件)...
   哪怕没有给上述的行为绑定方法，事件也是存在的，当我们点击这个盒子的时候，同样会触发它的onclick行为，只是什么事请都没有做而已。

2. 事件绑定: 给元素的某一个行为绑定方法。
   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);