Ich habe den Artikel gelesen unter https://developer.mozilla.org/en/DOM/element.addEventListener aber unfähig zu verstehen useCapture Attribut. Es gibt eine Definition:
Bei "true" zeigt useCapture an, dass der Benutzer die Erfassung einleiten möchte. Nach dem Einleiten der Erfassung werden alle Ereignisse des angegebenen Typs an den registrierten Listener weitergeleitet, bevor sie an alle darunter liegenden EventTargets im DOM-Baum weitergeleitet werden. Ereignisse, die sich im Baum nach oben bewegen, lösen keinen Listener aus, der für die Verwendung von Capture bestimmt ist.
In diesem Code wird das übergeordnete Ereignis vor dem untergeordneten Ereignis ausgelöst, so dass ich nicht in der Lage bin, das Ereignis zu verstehen. Dokument-Objekt hat usecapture wahr und Kind div hat usecapture falsch gesetzt und Dokument usecapture gefolgt ist.so warum Dokument-Eigenschaft über Kind bevorzugt wird.
function load() {
document.addEventListener("click", function() {
alert("parent event");
}, true);
document.getElementById("div1").addEventListener("click", function() {
alert("child event");
}, false);
}
<body onload="load()">
<div id="div1">click me</div>
</body>
