Click-Event nur aufs oberste Element erzeugen

Hallo,
wie kann ich bewirken, dass ein Mausklick wirklich nur bei dem Element ein Click-Event auslöst, das auch zu sehen ist?

In meinem Fall habe ich 3 Elemente übereinander:

Wenn ich nun auf das „klein“-Div drücke, wird nacheinander das Click-Event von „klein“, danach von „mittel“ und danach von „gross“ ausgelöst.

Ich verwende Firefox 3.6b4 und jQuery als Framework.

Ich danke euch für eure Hilfe :smile:

Grüße
Wulfos

Hallo,
bin nach langem Suchen selbst darauf gekommen, dank jQuery sogar ganz einfach.
In er Click-Funktion einfach

event.stopPropagation();

schreiben und schon hört er auf, weitere Events zu schicken.
Also zum Beispiel

$("#klein").click(function(event) { event.stopPropagation(); /\*...\*/ });

Hallo Wulfos,

bei mir taucht das Problem nicht auf, wieder in IE noch in FF. Wobei ich es übrigens mit normalem Javascript probiert habe, nicht mit JQuery.

Hast Du auch wirklich den einzelnen DIVs den Eventhandler zugewiesen oder nur dem Body?

Schöne Grüße,

Mohamed.