JS event事件

1. event对象
   1. 当dom tree中某个事件被触发的时候，会自动产生一个用来描述事件所有的相关信息的对象，这个对象就是event（事件对象）；
   2. 可通过window.event/event来获取。非IE还可以通过函数传参的形式来使用，一般而言我们使用【形参e或eve】来代替使用；

      var oDiv = document.querySelector('div');
      oDiv.addEventListener('click',function(e){
      	console.log(e);
      })

       

   3. event中常用的属性和方法：
      1. type：获取当前event类型；
      2. bubbles：获得当前触发事件的类型是否冒泡，冒泡返回true，否则返回false；
      3. e.stopPropagation()：阻断事件出现冒泡；
      4. e.preventDefault()：取消当前节点的默认行为，譬如超链接的点击跳转行为，没有返回值
      5. cancelable：用来判断当前节点是否支持preventDefault取消默认行为，可以则返回true；
      6. eventPhase：事件传导至当前节点处于什么状态；
         1. 事件处于捕获；
         2. 事件处于真正的触发者；
         3. 事件处于冒泡状态；
      7. targrt和currentTarget：
         1. target：返回事件真正的触发者；
         2. currentTarget：返回事件的监听者（触发的事件绑定到了谁，就返回谁）；
         3. 都仅在事件内部有效；