基本的な考え方：ドムレベルのイベント
- dom0のレベルelement.onclick =関数（）{}
- 関連DOM1発達していないイベント
- DOM2 element.addEventListener（ "クリック" 機能（）{}、falseを//キャプチャまたはバブリング）
- DOM3 element.addEventListener（ "keyUpイベント" 関数（）{}、偽//キャプチャまたはバブリング）新しいマウスキーボードイベント
DOMイベントモデル：キャプチャバブリング
キャプチャ：トップダウンから
バブル：現在の要素のアップ
DOMイベントフロー
など、ユーザーとの対話に応答して、マウスの左ボタンで、現在のページへのブラウザのページのレスポンスを広める方法
キャプチャ1.イベント
2.ターゲット要素（対象期間）
3.ウィンドウオブジェクトにアップロード（バブル）
DOMイベントのキャプチャ特定のプロセス
オブジェクトウィンドウは、最初のイベントを受信します
-----ドキュメント----- HTMLタグ----ボディ---親要素 - ターゲット要素の子---
一般的なアプリケーションイベント1イベントの主な目的// 2どのように一般的なアプリケーションの応答イベントリスナ3を登録
デフォルトのイベントを防ぐために、event.preventDefault（）
ストップバブリングにするevent.stopPropagation（）
イベント。stopimmediatePropagation（）このイベントを防ぐBclickに登録2つのクリックイベント
どのようにループの最適化サブDOM要素のイベントイベントのevent.currentTarget //親要素にエージェントを登録しました
event.target
カスタムイベント（シミュレートされたイベント）
VaRの前夜=新しいイベント（「カスタマー」）
ev.addEventListener（ "カスタマー"、機能）
ev.dispatchEvent（前夜）//トリガイベント