1. このページの目的
DOM イベントリスナーの発生タイミングを観察する。
Explore DOM Events の細かいところを調べるために、このページを作成した。
2. デモ
ボタンをクリックし、実行されるリスナーの順番を観察する。
parent1
parent2
Output を参照するには、Console を開いてください。
3. ソースコード
ブラウザで本ページのソースを開くと、コードを見ることができます。
4. DOM Events のイメージ図
![](./2021-06-04_js-event-sim.min.png)
DOM イベントリスナーの発生タイミングを観察する。
Explore DOM Events の細かいところを調べるために、このページを作成した。
ボタンをクリックし、実行されるリスナーの順番を観察する。
parent1
parent2
Output を参照するには、Console を開いてください。
ブラウザで本ページのソースを開くと、コードを見ることができます。