事件对象以及事件委托

     事件发生的时候， 才触发。
    访问事件对象？
     1） 标准浏览器下： 函数的第一个参数表示
    2) IE6 IE7 IE8下:window.event
    兼容的访问事件对象：
    var eve = e || window.event;
    事件对象的属性
     1) 事件类型 事件对象.type
     2) 事件目标  
     标准浏览器下:
         事件对象.target
    IE下：
     事件对象.srcElement
     兼容的事件对象
     var target = 事件对象.target || 事件对象.srcElement;

    target不一定是绑定事件的元素，是你实际操作的元素。

    事件委托：
    利用事件冒泡的原理，管理某一类事件，解决事件处理程序过多的问题。
     3) 鼠标位置：

    距离浏览器(视口)的距离： 事件对象.clientX    事件对象.clientY     事件对象.x    时间对象.y
    距离元素的左边和上边的距离： 事件对象.offsetX   事件对象.offsetY
    距离页面的距离： 事件对象.pageX   事件对象.pageY 
    距离屏幕的距离：事件对象.screenX    事件对象.screenY

    盒子的实际宽度：元素.offsetWidth:width+padding+border
    盒子的实际高度： 元素.offsetHeight


    鼠标距离元素的距离：方法1：事件对象.offsetX   offsetY 
    方法2：鼠标距离浏览器的距离-盒子距离浏览器的距离    事件对象.clientX-元素.offsetLeft


    可视区的宽度： document.documentElement.clientWidth
    可视区的高度： document.documentElement.clientHeight