HTML DOM addEventListener()メソッドの用途を教えてください。
addEventListener()メソッドはHTML要素にイベントリスナーを追加するために利用されています。イベントの発生時に特定の関数が実行されます。このメソッドを利用することで、異なるイベントに複数のイベントハンドラを追加できます。実行中にイベントハンドラを動的に追加や削除できます。
この方法はユーザーとのやり取りやその他のイベントに応じて動作をプログラムで定義することができます。例えば、addEventListener()メソッドを使用してボタンをクリックしたイベントをキャプチャし、ボタンがクリックされたときに何らかの動作を実行できます。これを使用して、キーボードのキー押下イベント、マウスの移動イベントなどをキャプチャすることもできます。
addEventListener()メソッドは3つの引数をとります。
- イベントの種類：クリック、キー押下などの監視するイベントの種類を表します。
- イベントハンドラ: イベントが発生したときに実行する関数を示します。
- イベントがキャプチャ段階またはバブル段階で発生したかを示し、デフォルトはfalseです。つまり、バブル段階で発生します。
addEventListener()メソッドを使用すると、イベントハンドラをHTMLタグの属性に直接記述するのではなく、より柔軟に管理できます。これにより、コードの可読性とメンテナンス性が向上し、同じイベントに複数の処理関数を追加する場合の名前の衝突を回避できます。
