Was ist ein Ereignis, das in JQuery sprudelt?
Nov 18, 2022 pm 06:52 PMBubbling-Ereignisse bedeuten, dass der Browser nach dem Eintreten eines Ereignisses normalerweise den Ereignishandler für das Element auslöst, bei dem das Ereignis zuerst aufgetreten ist, dann für sein übergeordnetes Element, das übergeordnete Element des übergeordneten Elements ... und so weiter, bis das Stammelement des dokumentieren. Bubbling-Ereignisse sind die gebräuchlichste Art der Ereignisweitergabe. Wenn Sie nach der Verarbeitung eines Ereignisses die Weitergabe des Ereignisses stoppen und nicht möchten, dass es weiter sprudelt, müssen Sie die Ereignisverarbeitungsmethode binden.
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.1-Version, Dell G3-Computer.
Was ist Event-Bubbling?
Ein Bubbling-Ereignis bedeutet, dass, wenn ein bestimmter Ereignistyp für ein Objekt ausgelöst wird, das Ereignis an das übergeordnete Objekt weitergegeben wird und ähnliche, für das übergeordnete Objekt definierte Ereignisse auslöst. Die Ausbreitungsrichtung des Ereignisses verläuft von unten nach oben, ähnlich wie bei Wasserblasen, die vom Grund des Wassers aufsteigen.
Ein HTML-Dokument kann einen DOM-Baum visualisieren:
Dann kann das Ereignis-Bubbling-Phänomen wie folgt anschaulich ausgedrückt werden:
Einfach ausgedrückt:
Nachdem ein Ereignis eintritt, wird es normalerweise vom Browser ausgelöst Zuerst tritt der Ereignishandler für das Element auf, dann für sein übergeordnetes Element, das übergeordnete Element des übergeordneten Elements ... und so weiter, bis zum Stammelement des Dokuments.
Das nennt man Event Bubbling und ist die häufigste Art der Ausbreitung von Ereignissen. 当处理好一个事件后, 你可能想要停止事件的传播,不希望它继续冒泡。就要绑定该事件的处理方法。
Legen Sie wie oben gezeigt ein Klickereignis für sie fest. Wenn auf die Schaltfläche geklickt wird, wird das Klickereignis der Schaltfläche ausgelöst Das Element div wird ausgelöst, und dann wird das Triggerereignis des Körpers ausgelöst, und so weiter bis zum Dokument oder Fenster.
? -up-Box zwei erscheint erneut.Wenn Sie auf das gelbe Feld klicken, in dem sich zwei befinden, erscheint das Popup-Feld zwei und dann das Popup-Feld eins. Wenn Sie auf das grüne Kästchen klicken, in dem sich eines befindet, wird nur das Popup-Kästchen angezeigt.
Das heißt, in den ersten beiden Situationen kam es zu Blasenbildung. Wenn jemand sagt, dass es an der Reihenfolge der zu schreibenden Klickereignisse liegt, ist das nicht der Fall. Sie werden alle ausgeführt, nachdem das Dokument geladen wurde.Wenn Sie nach dem Klicken auf zwei eine spätere Blasenbildung verhindern möchten, fügen Sie einfach Folgendes hinzu:
Dann wird das Popup-Fenster zwei nicht mehr in einem angezeigt.
jquery verhindert Beispiele für das Sprudeln von Ereignissen
1 Brechen Sie das Standardverhalten ab und verhindern Sie das Sprudeln von Ereignissen, indem Sie „false“ zurückgeben. jAbfragecode:
1 2 3 4 5 6 |
|
2. Brechen Sie das Standardverhalten nur mit der Methode „preventDefault()“ ab.
jQuery-Code:
1 2 3 4 5 6 |
|
1 2 3 4 5 6 |
|
Das obige ist der detaillierte Inhalt vonWas ist ein Ereignis, das in JQuery sprudelt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Ausführliche Erläuterung der jQuery-Referenzmethoden: Kurzanleitung

Wie verwende ich die PUT-Anfragemethode in jQuery?

Wie entferne ich das Höhenattribut eines Elements mit jQuery?

jQuery-Tipps: Ändern Sie schnell den Text aller a-Tags auf der Seite

Verwenden Sie jQuery, um den Textinhalt aller a-Tags zu ändern

Verstehen Sie die Rolle und Anwendungsszenarien von eq in jQuery

Wie kann man feststellen, ob ein jQuery-Element ein bestimmtes Attribut hat?

Zusammenfassung häufig verwendeter Dateioperationsfunktionen in PHP
