11.30

 事件：
  事件：浏览器客户端上客户触发的行为都称之为事件！
  所有的事件都是天生自带的，不需要我们去绑定，只需要我们去触发。
  通过obj.事件名=function(){}
  事件名：onmouseover,onmouseout,onmousedown,onmousemove,onmouseup
   onclick,onchange,onfocus,onblur.等等
  当用户触发一个事件时，浏览器的所有详细信息都存在一个叫event的对象上。
  我们把他叫事件对象。
  所有事件在绑定方法的时候，天生自带一个参数就叫event。
  
  
  鼠标的坐标：
   event.clientX： 
   event.clientY：
   
   
  Event的兼容性:
   在Chrome下event是undefined，在IE低版本下是null；
     undefined是人为的，null是天生自带的,火狐浏览器会报错；
     在函数里：document.onclick=function(e){
        var ev=e||window.event
       } 
  
  事件冒泡机制：
   当给父子元素的同一事件绑定方法时，触发了子元素身上的事件，执行完毕之后，
   也为触发父级的事件，这种传播机制叫做事件冒泡。
  
  取消冒泡机制：
   Event对象有个属性叫cancelBubble默认值是false，改为true就可以取消冒泡机制。
    Event.cancelBubble=true
   
  
  事件捕获：
   给一个元素绑定事件{
     普通写法：Obj.onclick=function(){}这就相当于给obj的onclick属性赋值。
     这种写法有点不好，后者会将前者覆盖掉。
   }
   事件绑定的第二种写法：
    标准浏览器用：addEventListener()这个方法；
    IE低版本用attachEvent()这个方法；
    
    addEventListener(参数1,参数2,参数3)
     参数1=事件名；
     参数2=事件函数；
     参数3=布尔值;{
      代表捕获不捕获,默认是false,不捕获但是冒泡，true,捕获但是不冒泡；
     }
     
   1.IE浏览器没有事件捕获。
   2.普通事件绑定写法没有捕获。
    给父子元素用addEventListener()绑定同一事件，当触发子元素的事件时，
     先触发父元素，然后在传递子元素，这种传播机制叫事件捕获； 
     
   attachEvent()和addEventListener()两者的区别；
    1.attachEvent只用在IE7以下；addEventListener适合标准浏览器；
    2.attachEvent的事件名带on，而addEventListener的事件名不带on；
    3.attachEvent函数里面的this是window；
      addEventListener函数里面的this是指当前函数(对象)；
    ·attachEvent只有冒泡没有捕获；而addEventListener有冒泡也有捕获；
    
    4.call()和apply()：
    call和apply,就是改变函数里边的this指向的方法；     
    Xxx.call()或Xxx.apply()
    特别强调Xxx必须是function,(普通函数,类,构造函数)；
    call()中第一个参数是null的时候
    所有事件都是异步的；