事件绑定与解除

ele.onclick = function (event){}   //一个元素的同一个事件只能绑定一个处理函数，基本等同于写在行间，句柄，this指向dom元素本身
obj.addEventListener(type,fn,false);   //type-事件类型，fn-处理函数，一个事件可以绑定多个处理函数，IE9以下不兼容，this指向dom元素本身
obj.attachEvent('on' + type,fn);     //IE独有，一个事件可以绑定多个处理程序，this指向window

var liCol = document.getElementsByTagName('li'),     //绑定事件，注意闭包
     len = liCol.length;
for(var i = 0; i<len; i ++;){
    (function(i){
       liCol[i].addEventListener('click',function(){
           console.log(i);
       },false)
    }(i))
}
 
//封装兼容事件绑定方法
function addEvent(elem,type,handle){
    if(elem.addEventListener){
          elem.addEventListener(type,handle,false);
    }else if(elem.attachEvent){
          elem.attachEvent('on' +type,function(){
               handle.call(elem);
          }) 
    }else{
         elem['on' +type] = handle;
    }
}

//解除事件绑定
ele.onclick = false/''/null
ele.removeEventListener(type,fn,false);
ele.detachEvent('on' +type,fn);   //匿名函数无法解除绑定

事件绑定与解除

悦读