Incapable de comprendre useCapture paramètre dans la méthode addEventListener

J'ai lu l'article à https://developer.mozilla.org/en/DOM/element.addEventListener mais incapable de comprendre useCapture attribut. Définition:

Si la valeur est true, useCapture indique que l'utilisateur souhaite lancer la capture. Après le lancement de la capture, tous les événements du type spécifié sera envoyé à l'organisme de l'auditeur avant d'être envoyés à n'importe quel EventTargets dessous dans l'arborescence DOM. Les événements qui sont en train de remonter vers le haut à travers l'arbre ne va pas déclencher un auditeur désigné pour l'utiliser de capture.

Dans ce code parent événement déclenche avant d'enfant,donc je ne suis pas en mesure de comprendre ses
comportement.Objet Document a usecapture vrai et de l'enfant div a usecapture fausse et document usecapture est suivie.Alors pourquoi de propriété de document est préféré par rapport à l'enfant.

JS:

function load() {
  document.addEventListener("click", function() {
    alert("parent event");
  }, true);

  document.getElementById("div1").addEventListener("click", function() {
    alert("child event");
  }, false);
}

HTML:

<body onload="load()">
  <div id="div1">click me</div>
</body>

InformationsquelleAutor user26732 | 2011-09-13