dom_dom0500_008

イベント伝播の段階は「キャプチャリング → ターゲット → バブリング」。数値で表す event.eventPhase では、キャプチャは ( A )、バブリングは ( B ) である。

解答

A: 1
B: 3

解説

eventPhase は 1: CAPTURING_PHASE、2: AT_TARGET、3: BUBBLING_PHASE を表す。

使用例（サンプルコード）

[ html ]

<div id="outer"><button id="inner">btn</button></div>
<script>
[outer, inner].forEach(el => {
  el.addEventListener("click", e => console.log(el.id, "phase:", e.eventPhase), true);  // capture
  el.addEventListener("click", e => console.log(el.id, "phase:", e.eventPhase), false); // bubble
});
</script>