基本的な概念:
DOMレベルのイベント(イベントハンドラ):
0级:element.onclick =関数(){}
2级:element.addEventListener( 'クリック'、関数(){}、false)を
レベル3:element.addEventListener(偽「keyUpイベント」、関数(){})に基づいて2つのイベントに追加されます
DOMイベントモデル:
イベントバブリングターゲット要素 - > ... HTML-> document->ウィンドウ
イベントキャプチャウィンドウ - > document-> HTML(はdocument.firstChild) - > .....ターゲット要素
イベントフロー:三相1)2をキャプチャ)目標位相3)バブリング段階
一般的なアプリケーションイベントオブジェクト:
デフォルトの動作を防ぐために、event.preventDefault()
バブリングからイベントを停止するためにするevent.stopPropagation()
event.stopImmediatePropagation()複数のイベントを結合するときは、トリガ他のイベント(インシデント対応の優先度)をブロックするために、この方法を使用することができ
現在のノードevent.currentTarget結合事象
event.target対象ノード
カスタムイベント(事象シミュレーション):
VaRの前夜=新しいイベント( 'カスタム'); ev.addEventListener( 'カスタム'、関数(){ にconsole.log( 'カスタム')}) ev.dispatchEvent(イブ)。