window

document

<html>

<body>

<div>

<form>

<input>

Target フェーズ
イベントが発生したオブジェクト上のイベントハンドラに対し処理を割り当てる。 Capture フェーズ
window オブジェクトからイベントが発生したオブジェクトに向かって、順にイベントハンドラに対し処理を割り当てていく。

▼

▲ Bubbling フェーズ
イベントが発生したオブジェクトの直接の親要素から window オブジェクトに向かって、順にイベントハンドラに対し処理を割り当てていく。