前回は、イベントキャンセルのreturnValueとpreventDefaultでしたが、今回はイベントフローのキャンセルです。 イベントキャンセルがイベントのデフォルト処理をキャンセルするのに対して、イベントフローキャンセルは、イベントが要素の階層毎とにフローしてくのをキャンセルします。 以下は、たとえば、『短い』をクリックするとイベントがdanraku, midashi, bodyとフローしていくのが分かります。 そして、コメントにしてある、cancelBubble(IE) または stopPropagation(Firefox系) を生きにするとフローしなくなるのが確認できます。 <html> <body onclick="bodyClicked(event.target || window.event.srcElement)"> <div onclick="midashiClick