removeEventListenerメソッド
メソッド removeEventListener は、
事前に addEventListener を介して割り当てられた
イベントハンドラを削除することを可能にします。このため、パラメータには
イベントのタイプと、イベント割り当て時に渡されたものと同じ関数を
渡す必要があります。
構文
要素.removeEventListener('イベントタイプ', 関数);
例
要素をクリックしたときに一度だけ動作するように してみましょう:
<input type="button" id="button" value="click me">
let button = document.querySelector('#button');
button.addEventListener('click', func); // イベントを割り当てる
function func() {
alert('!!!');
button.removeEventListener('click', func); // クリック後に削除する
};
:
関連項目
-
メソッド
preventDefault、
デフォルトの動作をキャンセルします