Beispielanalyse des Ereigniserfassungsmodells und des Bubbling-Modells in js_javascript-Kenntnissen

Die Beispiele in diesem Artikel beschreiben das Ereigniserfassungsmodell und das Bubbling-Modell in js. Teilen Sie es als Referenz mit allen.

Die spezifische Implementierungsmethode ist wie folgt:

Beispiel 1:

Code kopieren Der Code lautet wie folgt:

Beispiel 2:

Code kopieren Der Code lautet wie folgt:

addEventListener: Der dritte Parameter ist standardmäßig falsch, was bedeutet, dass das Bubbling-Modell, dh die kleinste Ebene (das Div mit der ID von son), zuerst ausgelöst wird , es bedeutet Erfassung. (von html-->body--->div), ausgelöst auf dieser Ebene.

Der HTML-Code von Beispiel 1 enthält zwei Divs. Wenn auf das kleine Div geklickt wird, wird zuerst das Alert('son') ausgelöst. ) Ereignis wird ausgelöst. Beispiel 2 ist genau das Gegenteil.

Wenn das Attribut „object.onclick“ zum Auslösen des Ereignisses verwendet wird, wird das Bubbling-Modell verwendet.

IE unterstützt addEventListener nicht, sondern verwendet attachmentEvent. Aber attachmentEvent unterstützt den dritten Parameter nicht und erfasst das Modell nicht.

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.