要素からすべてのイベントを削除するHTML

Question

私のメインプログラム（このコードを修正できません）にはいくつかのjavascript関数があり、それらのいくつかは必要ありません。私は新しいJavaScriptを追加し、不要なイベントを無効にしたい（例えばonClick）。 私はこのようsomeething試してみました：

function disableClickEvent(){ 
    var elems = document.body.getElementsByTagName("a"); 
    for (i = 0; i < elems.length; i++) { 
     for (var key in toDisableMap) { 
      if(elems[i].innerHTML == key){ 
       elems[i].unbind(); 
       break; 
      } 
     } 
    } 
} 

が、エラーが（コンソールで）があります：

jQuery.Deferred exception: a[i].unbind is not a function disableClickEvent 

私はunbindが無効なイベントのために正しい方法であることを確認していません。どのようにしてこの問題を解決することができますか？

Answer 1

getElementsByTagNameによって返されたオブジェクトに対してjQueryメソッドを呼び出しています。 getElementsByTagNameはjQueryオブジェクトを戻しません。既存のコードに$(elems[i]).unbind();のいずれかを実行するか、$("a", "body")のようなアンカータグを見つけてから操作する必要があります

Answer 2

unbind()を使用するにはjQueryオブジェクトを使用する必要があります。

スニペットを更新してメソッドをjQueryの対応するものに変更しました。あなたはjQueryオブジェクトの$（elems [I]）を使用する必要が

function disableClickEvent() { 
    var elems = $("a"); 
    elems.each(function() { 
     for (var key in toDisableMap) { 
      if ($(this).text() == key){ 
       $(this).prop('onclick',null).off('click'); 
       break; 
      } 
     } 
    }) 
} 

Answer 3

$(document).ready(function(){ 
 
    $('a').click(function(){ 
 
    alert($(this).attr('id')); 
 
    }); 
 
}); 
 
function disableClickEvent(){ 
 
    var elems = document.body.getElementsByTagName("a"); 
 
    for (i = 0; i < elems.length; i++) { 
 
    $(elems[i]).off('click'); 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="test1" style="cursor:pointer">Test1</a> 
 
<br> 
 
<a id="test2" style="cursor:pointer">Test2</a> 
 
<br> 
 
<button onclick="disableClickEvent()" value="Disable">Disable</button>

.Offを（使用）オフ（ 'クリック'）。

Answer 4

これが有効ならチェックしてください。$(elems[i]).removeAttr('onclick');を使用して、アンカータグからクリックイベントを削除してください。ボタンが押されたら、アンカータグからのクリックイベントは、uが使用してrはjqueryのバージョンの

function disableClickEvent(){ 
 
    
 
    var elems = document.body.getElementsByTagName("a"); 
 
    for (i = 0; i < elems.length; i++) { 
 
      
 
     $(elems[i]).removeAttr('onclick'); 
 
      
 
     /* for (var key in toDisableMap) { 
 
      if(elems[i].innerHTML == key){ 
 
       elems[i].unbind(); 
 
       break; 
 
      } 
 
     }*/ 
 
    } 
 
} 
 

 
function clickevent(event){ 
 
    event.preventDefault(); 
 
    console.log("clicked") 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button onclick="disableClickEvent()"> Remove events </button> 
 

 
<a href="" onclick="clickevent(event)">Anchor tag click</a>