js常见删除绑定的事件

1. elem.onclick = null / false;  //直接解除

　　例子如下： 

　　var div = document.getElemetById('id');

　　div.onclick = test;

　　function test(){

　　　　console.log('remove click')；

　　}

　　div.onclick = null;  或者  div.onclick = false;

 

2. elem.removeEventListener(type,fn,false);   //这里 fn 必须是原有绑定的函数，否侧解除无效

　　例子如下： 

　　var div = document.getElemetById('id');

　　div.addEventListener('click',test,false);

　　function test(){

　　　　console.log('remove click')；

　　}

 

　　div.removeEventListener('click',test,false);

 

3. elem.detachEvent('on'+type,fn);      //这里 fn 必须是原有绑定的函数，否侧解除无效

　　例子如下： 

　　var div = document.getElemetById('id');

　　div.attachEvent('onclick',test);

　　function test(){

　　　　console.log('remove click')；

　　}

  　div.detachEvent('onclick',test);