イベント移譲
子要素で発生したイベントを親要素のイベントリスナーでキャッチする(親要素にイベント処理を移譲する)
似たような方法で多くの要素を処理する場合に、それら一つ一つにハンドラを割り当てる代わりに、共通の祖先に1つハンドラを置きます。
デリゲートはイベントリスナー自体は親要素に付けておき イベントが起きたエレメントを見て目的のエレメントでイベントが起きていた場合に関数を実行するというものです
例えば、順序なしリスト(<ul>)内の(<li>)のイベントを拾いたいとき
<li>にaddEventListnerを設定してもよいが、動的に<li>が増減する場合に少し厄介
イベントリスナーを親要素である<ul>に設定すると1つで済む
対象のエレメント(<li>)のイベント以外は早期リターンする、などの処理を定義する
<li>に対するイベントを定義する