イベントリスナーを登録するとき注目したい3つのオプション | フロントエンドBlog | ミツエーリンクス

フロントエンドBlogにおいて最近の自分の記事ではWebアクセシビリティの話をずっとしてきたので、そろそろJavaScriptに関して個人的に気になっている内容について投稿します。 今回は「イベントリスナー」についてです。 少し前にVanilla.jsが話題となったことが記憶に新しいですが、なぜ今更イベントリスナー[1]の登録方法をテーマに持ち出すのかというと、個人的にaddEventListenerメソッドにおける第3引数の認知度が思いのほか低いと感じたからです。 addEventListenerを使おう 要素にイベントリスナーを登録する方法で最もメジャーなものは、addEventListenerを利用するケースではないでしょうか。 例えば、次のようなHTMLが用意されているとします。 <a href="https://www.mitsue.co.jp/" id="hoge">クリック<