Javascript Events und Vererbung
Schon einmal versucht auf verschachtetle Divs unterschiedliche events zu legen, z.B. onclick-Events? Und schon mal gewundert, dass dann mehrere Aufrufe erfolgten? Nun, das ist nicht verwunderlich, da die Events vom Kind-Element an die Eltern-Elemente weiter gegeben werde. So das dann z.B. bei folgendem Code beim Klick auf Kindelement zwei Alerts aufgerufen werden. <div onclick="alert(‘Elternelement’)"> Elternelement <div onclick="alert(‘Kindelement’)">Kindelement</div> </div> möchte man, das nur Kindelement angezeigt wird, so muss man das standartverhalten von Javascript unterbinden und das sogenannte Bubble, stoppen. Dies erfolgt durch einen kleinen Code: <div onclick="alert(‘Elternelement’)"> Elternelement <div onclick="alert(‘Kindelement’);stopBubble(event)">Kindelement</div> </div> function stopBubble(e){ if (!e) var e = window.event; e.cancelBubble = true; if (e.stopPropagation) e.stopPropagation(); } Hierdurch wird die weitergabe des Events gestoppt und man erhält nur ein Alert.