親の赤い領域の子供の要素として緑の領域を定義してある。
両方の領域にonmouseoverが定義されているが、子供の領域のイベントハンドラの中でイベントの上昇をキャンセルしているので、子供で発生したonmouseoverのイベントが親に伝播しない。
伝播のキャンセルの仕方は、IEと、Mozillaで異なる。
Mozillaの場合に、IEのwindow.event.cancelBubble = true;を実行してしまうとキャンセルしなくなるので、きちんと場合わけする必要がある。
タグの中にイベントハンドラの設定を記述すると、thisがwindowになってしまうので、ハンドラの設定はJavaScriptで行う。
親の領域
子供の領域