removeEventListenerメソッド

メソッド removeEventListener は、 事前に addEventListener を介して割り当てられた イベントハンドラを削除することを可能にします。このため、パラメータには イベントのタイプと、イベント割り当て時に渡されたものと同じ関数を 渡す必要があります。

構文

javascript要素.removeEventListener('イベントタイプ', 関数);

例

要素をクリックしたときに一度だけ動作するように してみましょう：

html<input type="button" id="button" value="click me">

javascriptlet button = document.querySelector('#button');
button.addEventListener('click', func); // イベントを割り当てる

function func() {
  alert('!!!');
  button.removeEventListener('click', func); // クリック後に削除する
};

Результат:

関連項目