イベント制御のまとめ

以下の前回、前々回のイベント制御のまとめです。

• キャンセルイベント（returnValueとpreventDefault)
• キャンセルイベントフロー（cancelBubbleとstopPropagation）

◆stopPropagation（Firefox系）

イベントフローにおいてこれ以上イベントが伝えられるのを止めるために使用する。

• http://java.sun.com/j2se/1.5.0/ja/docs/ja/guide/plugin/dom/org/w3c/dom/events/Event.html#stopPropagation()

◆preventDefault（Firefox系）

通常の実装により実行されるデフォルトのアクションに実行を妨げる。

• http://java.sun.com/j2se/1.5.0/ja/docs/ja/guide/plugin/dom/org/w3c/dom/events/Event.html#preventDefault()

◆cancelBubble（IE）

本プロパティにtureをセットするとイベントがイベントハンドラの階層へ上がる（バブルアップ）のをキャンセルする。

• http://msdn.microsoft.com/ja-jp/library/cc409795.aspx

◆returnValue（IE）

本プロパティにfalseをセットするとイベントのソースエレメントのデフォルトアクションをキャンセルする。

• http://msdn.microsoft.com/ja-jp/library/cc409956.aspx

実は、JavaScriptには、以下の３つのイベントモデルがあります。

1. オリジナルイベントモデル
2. DOMレベル２イベントモデル（stopPropagationやpreventDefault等）
3. IEイベントモデル（cancelBubbleやreturnValue等）

オリジナルイベントモデルは、昔からのモデルで、大体どんなブラウザでもサポートされています。
DOMレベル２イベントモデルは、W3Cの世界標準仕様で、IE以外の最近のブラウザならサポートされています。
IEイベントモデルは、DOMレベル２イベントモデルが出来る前にIEでサポートされました。

オリジナルイベントモデル時代に、IEとネットスケープの２大ブラウザが、W3Cを無視して独自に新しいイベントモデルを追加していきました。
結局、ネットスケープイベントモデルとIEイベントモデルが合体したようなものがDOMレベル２イベントモデルになったようです（もしかしたら間違った認識かも？）。
結果的に世界標準仕様のDOMレベル２イベントモデルが出来た今も、IEはそれに準拠していません。準拠しようとしません。プログラマ泣かせです。早く、FirefoxとChromeで天下統一して！