Wenn ichs richtig verstanden hab, tritt Event-Bubbling nur bei Verschachtelung auf.
Jein, bei Image-Maps gibt es eine Anomalie in manchen Browsern.
IE (getestet mit Version 8) feuert beim Mouseover beim area-Element auch ein Mouseover beim map (soweit klar wegen Bubbling), aber auch eines beim zugehörigen img-Element - auch wenn dies aus Sicht des DOM-Elementenbaum kein Vorfahrenelement ist. Dasselbe gilt beim Mouseout.
Beim Fahren mit der Maus auf das Bild und dann auf eine Area und wieder zurück von der Area und vom Bild werden folgende Events gefeuert:
IE 8:
mouseover IMG IMG
mouseout IMG IMG
mouseover AREA AREA
mouseover MAP AREA
mouseover IMG AREA
mouseout AREA AREA
mouseout MAP AREA
mouseout IMG AREA
mouseover IMG IMG
mouseout IMG IMG
Firefox 3:
mouseover IMG IMG
mouseout IMG IMG
mouseover AREA AREA
mouseover MAP AREA
mouseout AREA AREA
mouseout MAP AREA
mouseover IMG IMG
mouseout IMG IMG
Das erste ist das verarbeitende Element (this), das zweite das Zielelement (eventObjekt.target bzw. im IE eventObjekt.srcElement), siehe.
Vielleicht hilft dir das, irrelevante Events herauszufiltern, indem du die besagten Event-Eigenschaften abfragst.
Gegebenenfalls ist es auch sinnvoll, weitere Prüfungen einzubauen, nämlich von welchem Element die Maus beim Mouseover kommt und zu welchem sie geht beim Mouseout. Folgendes Beispiel demonstriert so eine Abfrage, um nicht relevante Mouseover- und Mouseout-Ereignisse herauszufiltern.
http://molily.de/temp/mouseenter-mouseleave.html
Mathias