動的に追加したイベントを削除するには、removeEventListenerを使用します。
（動的にイベントを追加する方法は、イベント処理を動的に追加するをご覧ください。）
動的に追加したイベントを削除する
まずは動的にイベントを追加するサンプルです。
|
1 2 |
//オブジェクト"btn2"のclickイベントにshowMessage関数を追加する document.getElementById("btn2").addEventListener("click", showMessage, false); |
このイベントを削除するには以下のように記述します。
|
1 2 |
//"btn2"に追加したclickイベント（showMessage）を削除する document.getElementById("btn2").removeEventListener("click", showMessage, false); |
解説
- イベントを削除するときは、addした時と同じ引数を指定する必要があります。
- 無名Functionでaddしたイベントは削除できません。