Events Bubblingの具体例

イベントは最も階層が上のdocumentオブジェクトに対して設定してある。 各SPAN領域では設定していない。Evevts Bubblingによって、 documentオブジェクトのイベントが実行され、 SPANのクラス名が変化している。 なお、documentオブジェクトに対するイベントの指定方法、 window.event.srcElement.classNameでイベント(onmouseover/onmouseout)が発生した ときの、要素のクラス名を参照できることに注意。仮に、 window.event.srcElement.idなら、要素のIDを参照できる。
MEMU1 MEMU2 MEMU3 MEMU4