Wie jQuery verhindert, dass Ereignisse sprudeln

Bedingung: Es gibt ein DIV-Element in der äußeren Schicht und ein P-Element in der inneren Schicht. Es besteht eine solche Beziehung: DIV ist das übergeordnete Element des P-Elements und P ist das untergeordnete Element des äußeren DIV. Es gibt zwischen ihnen Inklusion und Inklusion.

Ereignis: Jetzt binden wir dasselbe Ereignis an beide Elemente, z. B. ein Klickereignis.

Ergebnis: Wenn wir zu diesem Zeitpunkt auf das innere P-Tag klicken, wird das Klickereignis des inneren Elements und auch das Klickereignis des äußeren DIV ausgelöst.

JQuery bietet drei Möglichkeiten, um zu verhindern, dass Ereignisse sprudeln.

Methode 1: event.stopPropagation();

Methode 2: event.preventDefault();

Methode 3: return false;

Unterschied: event.stopPropagation() verhindert nur, dass das Ereignis sprudelt, nicht das Ereignis selbst. event.preventDefault() verhindert nur das Ereignis selbst und verhindert nicht, dass das Ereignis sprudelt. Die Rückgabe von „false“ verhindert nicht nur, dass das Ereignis sprudelt, sondern auch das Ereignis selbst.