js事件的绑定及bind函数

js事件的绑定及bind函数

方式一
对象 . 事件 = 函数 的形式绑定响应函数

只能同时为一个元素的同一个事件绑定一个响应函数

  btn1.onclick = function(){
      alert(1);
}

方式二

addEventListener() ,此方式不支持IE8及以下浏览器，可用attachEvent代替

    btn1.addEventListener("click" , function(){ 
       alert(1)；
   }，false ）

兼容方案 ：

  function bind (obj , eventStr , callback){
       //大部分浏览器兼容
		if (obj.addEventListener){
		  obj.addEventListener(eventStr , callback , false  )
       }else{
        //this是由谁调用决定
        //callback.call(this)
        //IE8及以下调用
        obj.attachEvent("on"+ eventStr , function(){
          //在匿名函数中调用函数
          callback.call(this)
         }   )
       }
}