【JavaScript】マウスによるクリックと element.click() ではリスナーの実行のされ方が違った【非同期処理】 - Qiita

【JavaScript】マウスによるクリックと element.click() ではリスナーの実行のされ方が違った【非同期処理】 概要 テストなどにおいてJavaScriptから擬似的に要素をクリックするために、click() メソッドや dispatchEvent() メソッドを使用したことがあるかもしれない。これらは実は非同期処理に関して"本当のマウスクリック"とは異なる振る舞いをすることがある。これを理解するには task、microtask などの JavaScript の非同期処理の実行モデルについて知る必要がある。 ちなみに、完全にユーザーの操作をシミュレートしたい場合は puppeteer のような直接ブラウザを操作するツールを使うといいだろう。 よく知られている違い 本題の前に、本当のクリックと click メソッドの分かりやすい違いを2つあげる。 違い1: mousedo