1.js事件绑定的 三种方式

第一种，基于html元素属性绑定的方式

例子：

    
     第一种绑定方式
    

第二种绑定方式,基于元素对象的方式绑定

  
    
        window.onload=function(){      var test=document.getElementById("test").occlick=function(){      test.styel.left=ev.clientX+'px'；        }   }  
    

第三种绑定方式：高级绑定方式addEventListener

  
    
        window.onload=function(){      var test=document.getElementById("test").occlick=function(){      //test.addEnentListenner=('事件名称','绑定的函数','false表示冒泡true表示捕捉')；       test.addEnentListenner=('onclick',function(){ this.style.backgroundColor='gray'；})；        }   }  
    

注意：绑定事件中的this代表当前对象