Heim  >  Artikel  >  Web-Frontend  >  So implementieren Sie JavaScript-Ereignis-Bubbling und Ereigniserfassung

So implementieren Sie JavaScript-Ereignis-Bubbling und Ereigniserfassung

php中世界最好的语言
php中世界最好的语言Original
2018-03-19 14:29:262268Durchsuche

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

Das

-Element oben wird angeklickt:

Für Event-Bubbling: Die Reihenfolge der Weitergabe dieses Klickereignisses ist: p ----> html ----> document

Für die Ereigniserfassung lautet die Klick-Ereignisweitergabesequenz: document --- -> --> body ----> p

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben zu PHP Weitere verwandte Artikel auf der chinesischen Website! Empfohlene Lektüre:

Position des CSS-Float-Box-Modells

Grundkenntnisse von HTML im Frontend

Das obige ist der detaillierte Inhalt vonSo implementieren Sie JavaScript-Ereignis-Bubbling und Ereigniserfassung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn