解説

イベントハンドラをliの親要素であるulに設置します。そうするとイベントハンドラはul要素１つに設置されたことになります。あとはthisのかわりにe.targetを使用してイベントの発火点を特定するわけです。 このようなバブリングを活用したイベントの設定方法をイベントデリゲートといいます。