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);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM