Verhindern des Hover-Ereignisses eines Div-Triggers auf Eltern Div?

8

Wenn ich den Mauszeiger auf .mensal DIV verliere, wird der Mauszeiger über den Eltern .opera DIV ausgelöst, was mir falsch erscheint. Ich möchte nur, dass der "Highlight" -Effekt auf das Kind .opera DIV wirkt.

%Vor% %Vor%
    
Miguel 28.04.2012, 14:40
quelle

1 Antwort

12

Wenn Sie über ein Kind schweben, schwebt es per Definition auch über dem Elternteil. Es gibt keine "Blockierung" in HTML-Ereignissen.

Es gibt zwei Methodenketten, die Blase und das Capture.

  

Jedes Ereignis, das im W3C-Ereignismodell stattfindet, wird zuerst bis zum nächsten Ereignis erfasst   es erreicht das Zielelement und springt dann wieder auf.

Ссылка

Die einzige Möglichkeit, dies zu verhindern, besteht darin, das Blubbern zu verhindern, indem Sie Ihrer Seite Javascript hinzufügen, um die Kette zu vermeiden. Dies ist einfach in jQuery

%Vor%

Es fällt mir auf, dass diese Antwort im Umgang mit CSS nicht hilfreich ist. Javascript-Ereignisse befassen sich nicht mit CSS-Selektoren oder verhindern sie.

Leider weiß ich mit CSS alleine keinen Weg, dies zu erreichen (und sogar in Javascript kann es schwierig werden). Mit CSS 4-Selektoren können Sie das Thema des Selektors Ссылка angeben, damit Sie etwas wie

%Vor%

aber das ist noch nicht implementiert, und ist immer noch in der Entwicklung für den Entwurf.

BEARBEITEN: Hier ist eine JavaScript (jQuery) Implementierung, die für Sie arbeiten sollte

%Vor%

und das modifizierte CSS

%Vor%

und die obligatorische Arbeitsdemo: Ссылка

    
Thomas Jones 28.04.2012, 14:48
quelle

Tags und Links