JavaScript で匿名イベント リスナーの登録を解除するにはどうすればよいですか?

匿名イベント リスナーの登録解除

匿名関数を含む addEventListener メソッドを使用して JavaScript でイベント リスナーをアタッチする場合、削除する必要がある場合があります。それらのリスナーは後で。ただし、要素自体を置き換えることなくこれを行う方法はすぐにはわかりません。

アプローチ:

残念ながら、匿名イベントを削除する簡単な方法はありません。リスナーが接続されると、これは、匿名関数が削除に使用できる参照を持っていないためです。

回避策:

実際的な回避策は、イベント ハンドラーへの参照を次の場所に保存することです。創造の時。これは、関連付けられたオブジェクトの変数またはプロパティに匿名関数を割り当てることで実現できます。例:

<code class="javascript">const myElement = document.querySelector('.my-element');

// Store a reference to the event handler
const myEventHandler = function () { /* do work here */ };

// Attach the event listener
myElement.addEventListener('click', myEventHandler, false);</code>

削除:

イベント ハンドラーが不要になったら、removeEventListener メソッドを使用して保存された参照を渡すことで削除できます。

<code class="javascript">myElement.removeEventListener('click', myEventHandler);</code>

このアプローチに従うと、要素を置き換えたり、あまり望ましくない解決策に頼ったりすることなく、匿名イベント リスナーを効果的に登録解除できます。

以上がJavaScript で匿名イベント リスナーの登録を解除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。