Felix Riesterer: Event Bubbling

Beitrag lesen

Lieber Toni,

das "Flackern" beim Überfahren der Textinhalte innerhalb des <div> liegt am sogenannten event bubbling. Der mouseout-Event feuert auch, wenn Du die Maus vom <div>-Element weg auf ein Kindelement des <div>-Elementes fährst. Dabei wird dann der Text wieder ausgetauscht. Da das Event aber die Baumstruktur hinunter und wieder hinauf geht (wie Luftblasen), wird dann doch erkannt, dass sich die Maus innerhalb des <div>s befindet, obwohl sie gerade auf einem Kindelement steht. Daher wird dann erneut der Text getauscht, sodass es "flackert".

Wenn Du das verbessern willst, dann musst Du das im größeren Stil anpacken. Du musst eine Funktion schreiben, die die mouse-Events abfängt, um zu ermitteln, um welches Element es sich gerade genau handelt, um dann erst gegebenenfalls die Tauscherei anzustoßen.

Liebe Grüße,

Felix Riesterer.

--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)