Events Bubblingとは何か?

赤い領域のIDはdiv1。そこには、次のように指定してある。

onmouseover="div2.innerText='マウス下の要素のIDは' + window.event.srcElement.id + 'です。'"

このdiv1内にはH1やSPANなどの要素があるが、これらのタグには イベントハンドラは指定していない。にも関わらず、各要素にマウスを合わせると、 div1で指定したイベントが実行される。 これは、マウスを合わせると、指定されているイベントがないかどうかを 順番に上(親)に向かって調べ、あればそれを実行することを示している。 多分、泡が上に上ることにひっかけて、Events Bubblingと呼んでいるのだろう。


これは見出し1

これは見出し1

これはspan1内の文字 これはdiv1内の文字

これはp1内の文字です。

test