イベントエージェント
各子ノードにイベント リスナーを個別に設定するのではなく、その親ノードにイベント リスナーを設定し、バブリング原則を使用して各子ノードを設定します。
アドバンテージ
1. メモリ消費量と DOM 操作を削減し、パフォーマンスを向上させます。JavaScript では、ページに追加されるイベント ハンドラーの数は、ページの全体的な実行パフォーマンスに直接関係します。DOM は継続的に操作する必要があるため、ブラウザーの再描画やリフローが発生する可能性が高くなります。ページインタラクションイベントも長くなるので、DOM操作を減らす必要があります。イベント処理関数はそれぞれオブジェクトであるため、イベント処理関数が 1 つ増えると、より多くのメモリを占有します。イベント委任を使用したい場合は、すべての操作を js プログラムに入れ、その親に対してのみ操作し、dom との対話は 1 回だけで済みます。これにより、dom との対話の回数が大幅に削減され、パフォーマンスが向上します。
2. 動的にバインドされたイベント イベントは親要素にバインドされているため、新しく追加された子要素も同じイベントをトリガーできます。