：イベントの流れは、3つのフェーズに分割され、キャプチャ段階、目標の段階、バブリング段階。
キャプチャ段階：イベントは、正確な要素までダウンし、最上位の要素から層を開始しました。
ターゲット段階：正確な要素に対して実行されたイベント。
バブリング相は：イベントは、正確な要素から最上位要素まで層の起動（注：ドキュメントのトップレベル要素がトップレベル要素次の高度なブラウザ・ウィンドウ、IE8ブラウザです）
DOM2レベルのイベントバインディング方法
高度なブラウザ結合方法：
要素.addEventListener（タイプの、ハンドラ、ブール値）;
//バインド
なし上でイベントタイプの文字列を入力
ハンドライベントハンドラ
バインディングは、キャプチャ相に結合またはバブリング段階にバインドされている場合に、trueとなるブールブール値
要素.removeEventListener（タイプの、ハンドラ、ブール値）;
//バインドを削除
なし上でイベントタイプの文字列を入力
ハンドライベントハンドラ
真のブールブール値は、キャプチャ段階、または削除バブリング段階を削除する場合
道を結合IE8以下のブラウザ
（のaddEventListenerをサポートしていません）
（タイプの、ハンドラ）の要素.attachEvent
//バインド
イベント型の型の文字列バンド
ハンドライベントハンドラ
（タイプの、ハンドラ）の要素.detachEvent
//バインディングを削除
イベント型の型の文字列バンド
ハンドライベントハンドラ
（注：IE8以下のブラウザは、結合、彼らはキャプチャ相に結合することができないという3番目の引数は、ありません）
DOM2レベルイベントは、上から下に進むブラウザで実行順序を結合繰り返すことができます。ブラウザは、次のIE8で実行するためのフラッシュバックが、dom0のレベルをattachEvent共に行う場合、最初のフラッシュバックを実行して、0を実行します。