Wie kann verhindert werden, dass übergeordnete Ereignishandler ausgeführt werden, wenn ein untergeordnetes Ereignis in verschachtelten DOM-Objekten ausgelöst wird?

Susan Sarandon

Freigeben： 2024-11-24 08:45:11

Original

223 Leute haben es durchsucht

<div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><div>

In dieser Struktur ein Klick ruft für jedes div-Element die Funktion „func“ auf. Es gibt jedoch ein Problem: Ein Klick auf „b“ oder „c“ löst die Funktion „func“ sowohl für das angeklickte Div als auch für sein übergeordnetes Div „a“ aus.

Lösung: Ereignisausbreitungskontrolle

jQuery bietet eine Methode zur Verhinderung der Ausbreitung von Ereignissen im DOM-Baum. Indem Sie den folgenden Code hinzufügen, bevor Sie die Ereignishandler definieren:

$('#a').add('#b').click(function(event) {
    event.stopPropagation();
});

Sie können verhindern, dass Klicks auf „b“ oder „c“ das Ereignis an das übergeordnete Ereignis „a“ weitergeben. Dadurch wird sichergestellt, dass nur die Funktion des angeklickten untergeordneten Divs ausgeführt wird.

Durch die Steuerung der Ereignisausbreitung können Sie den gewünschten Ereignisfluss in Ihrer verschachtelten DOM-Struktur aufrechterhalten und unbeabsichtigte Funktionsausführungen verhindern.

Das obige ist der detaillierte Inhalt vonWie kann verhindert werden, dass übergeordnete Ereignishandler ausgeführt werden, wenn ein untergeordnetes Ereignis in verschachtelten DOM-Objekten ausgelöst wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!