事件驱动模型

##  事件驱动模型
  1. 事件源  触发事件的元素
  2. 事件  ：js检测到的行为
  3. 标签绑定事件   
         例 input type="button" οnclick="方法"
  4. 监听器 
    1.attachevent(event(点击事件),function（点击方法）)用于添加一个监听事件      
    2.detachEvent(event,function);     删除一个事件          
    3.addEventListener(event,function,null)  添加监听事件
    4.removeEventListener（event,function,null）  删除事件

  5.事件对象 
    1.当事件发生时，只能在事件函数内部访问对象，函数执行结束后会自动删除函数
    event  对象兼容性问题
    例：btn.onclick = function(){
     var ev = e || window.event
       alert(ev)
     }
    
     clientX/ClientY 鼠标距离浏览器的水平坐标，和垂直坐标
     screenX/screenYj 鼠标距离屏幕的坐标  存在兼容问题
  6.获取相对事件源的位置；
    this.innerHTML = ev.layerX + “”+  ev.layerY  layer获取当前的坐标位置   支持火狐
    this.innerText = offsetX +“” +offsetY  offset获取当前的坐标位置
  7.键盘事件    
    keycode   获取键盘按键的字符
    altkey    指示在指定的事件发生时，alt是否按下
    ctrlkey   指示在指定的事件发生时，ctrl是否按下
    shiftkey  指示在指定的事件发生时，shift是否按下。
  8.type属性
    用来判定具体的事件类型


    其他
    onblur      表示失去焦点时
    onfocus     表示失去焦点时
    textvelue   清空