Ratgeber: Eine gestoppte Ereignisweitergabe verhindert nicht automatisch den Linkaufruf

Zwei Wirkungen werden leicht verwechselt

Eine Karte reagiert auf Klicks und enthält zusätzlich einen normalen Link. Nach einer Anpassung wird zwar die übergeordnete Kartenaktion nicht mehr ausgelöst, der Browser öffnet aber weiterhin das Linkziel. Das kann korrektes Verhalten sein. MDN erläutert, dass stopPropagation die weitere Ereignisweitergabe beeinflusst, die Standardaktion eines Links jedoch nicht automatisch verhindert. Beide Aufgaben müssen deshalb bewusst unterschieden werden.

Den gewünschten Bedienweg beschreiben

Schreibe auf, was beim Klick auf Titel, Bild und zusätzliche Aktion passieren soll. Ein Link kann eine eigenständige Navigation sein, während eine Merkschaltfläche nur eine Auswahl ändert. Solche Funktionen sollten semantisch passende Bedienelemente erhalten. Versuche nicht, eine vollständig verschachtelte Klickfläche allein durch immer weitere Ereignisunterbrechungen zu beherrschen. Prüfe zunächst, ob die Struktur verständlicher gestaltet werden kann. Ein normaler Link bietet bereits wichtige Browserfunktionen wie Öffnen in einem neuen Tab.

Die tatsächliche Ereignisfolge beobachten

Teste den konkreten kleinen Fall mit nachvollziehbaren Protokolleinträgen in einer Entwicklungsumgebung. Unterscheide die eigene Skriptaktion von der anschließenden Navigation. Wenn eine Standardaktion gezielt verhindert werden soll, braucht dies eine gesonderte bewusste Entscheidung. Berücksichtige dabei Tastaturbedienung und die Erwartung an einen echten Link. Ein gestoppter Bubbling-Schritt ist weder eine Berechtigungsprüfung noch ein Schutz gegen manipulierte Aufrufe. Das Backend muss die betreffende Handlung weiterhin selbst prüfen.

Die Abnahme über mehrere Eingabewege wiederholen

Prüfe einen normalen Klick, Tastaturaktivierung und die vorgesehenen getrennten Aktionen. Vermeide doppelte Ausführungen und unbemerkte Navigationen bei einer reinen Auswahlhandlung. Dokumentiere, welche Elemente bewusst Links und welche Schaltflächen sind. Der Erfolg liegt in einem klaren verlässlichen Bedienweg, nicht in möglichst vielen Eventmethoden im Code. Die MDN-Quelle beschreibt ihre technische Grenze; die passende Struktur und das gewünschte Verhalten müssen für deine tatsächliche Seite festgelegt und nach der Änderung erneut kontrolliert werden.

Dokumentiere für die verschachtelten Bedienelemente jeweils eine erwartete Wirkung. So lässt sich bei einer späteren Änderung erkennen, ob eine zusätzliche Reaktion absichtlich hinzugekommen ist. Verwende dafür verständliche Aktionsnamen und vermeide eine Testliste, die ausschließlich technische Ereignisnamen ohne sichtbare Folge aufzählt.