イベントリスナー内で event と this の両方を使用することができる。
ただし、event と this は異なる目的で使用される。
event はイベントオブジェクトで、イベントに関する情報(クリックされた要素、イベントのタイプ、発生した時刻など)を提供する。
イベントオブジェクトはイベントリスナーの引数として渡される。
一方、this はイベントリスナーが追加された要素を参照する。
これにより、イベントが発生した要素に対して操作を実行したり、要素のプロパティにアクセスしたりできる。
通常、イベントリスナー(イベントハンドラ)内での event.currentTarget は this と一致する。event.currentTarget はイベントリスナーがアタッチされた要素(DOM ノード)を参照し、this も同じ要素を参照する。