Heim > Artikel > Web-Frontend > So implementieren Sie JavaScript-Ereignis-Bubbling und Ereigniserfassung
Dieses Mal erkläre ich Ihnen, wie Sie JavaScript Ereignis- Bubbling und Ereigniserfassung implementieren und welche Vorsichtsmaßnahmen für die Implementierung von JavaScript-Ereignis-Bubbling und Ereigniserfassung gelten . Werfen wir einen Blick darauf.
Der Ereignisfluss beschreibt die Reihenfolge, in der Ereignisse von der Seite empfangen werden. Aber zu dieser Zeit, als sich Browser zur vierten Generation entwickelten (IE4 und Netscape Communicator4), schlugen die IE- und Netscape-Entwicklungsteams jeweils das Konzept des Ereignisflusses vor, und die Konzepte der beiden sequentiellen Flüsse waren fast gegensätzlich. Wie folgt:
1. Ereignis-Bubbling: Dies ist der Ereignisfluss von IE. Ereignis-Bubbling bedeutet: Wenn das Ereignis beginnt, wird das spezifischste Element empfangen (genauer gesagt bezieht es sich auf das am tiefsten verschachtelte Element im Dokument) ) und dann Schritt für Schritt auf unspezifische Knoten (Dokumente) hochladen.
2. Ereigniserfassung: Dies ist der von Netscape vorgeschlagene Ereignisablauf. Wie bereits erwähnt, sind die beiden Reihenfolgen nahezu entgegengesetzt, sodass die Ereigniserfassungsreihenfolge Schritt für Schritt vom am wenigsten spezifischen Knoten (Dokument) empfangen wird Weitergegeben bis ins tiefste Element. Sehen wir uns ein Beispiel an:
< html> ;
<head> title>Event Sprudelndes Beispiel 🎜>
Click Me