IT用語
クリックやスクロール、キー入力などの出来事（イベント）が起きたときに実行する処理を登録する仕組み。
イベントリスナーは、クリック、スクロール、キーの入力、ページの読み込みの完了など、ブラウザで起きる出来事（イベント）を待ち受け、起きたときに決めておいた処理（コールバック）を実行する仕組みです。
書き方の例
button.addEventListener('click', (event) => { ... }) のように、要素・イベントの種類・実行する関数を指定して登録します。登録を外すときは removeEventListener() を使います。
よく使うイベント
- click：クリック
- input・change：入力欄の値の変更
- submit：フォームの送信
- scroll・resize：スクロール、画面サイズの変更
- keydown：キーが押された
- DOMContentLoaded：HTML の読み込みが完了した
使いこなしのポイント
- イベント委任：たくさんの要素にそれぞれ登録する代わりに、親の要素で一つだけ受けて、event.target で対象を判断すると効率がよい
- scroll などの頻繁に起きるイベントでは、処理を間引く（スロットル）、passive オプションを付けるなどで、動作を軽くする
- event.preventDefault() で、リンクの移動やフォームの送信などの標準の動作を止められる
