Javascript addEventListener - Verwenden, um einen Mouseover-Effekt zu erstellen?

8

Ich habe ein div mit einer ID von "button". Ich versuche, den Hintergrund blau zu setzen, wenn ich den Mauszeiger schwebe (ohne den CSS-Hover Selector zu verwenden).

%Vor%

Dies setzt jedoch nur die Farbe des Elements blau, wenn ich den Mauszeiger bewege, aber setze es nicht auf weiß zurück, nachdem ich die Maus wegbewegt habe. Wie kann ich das korrigieren? (BTW, Mouseenter und Mouselave funktionieren scheinbar nicht mit diesem).

    
antonpug 29.11.2011, 22:22
quelle

2 Antworten

13

Sie müssen ein ähnliches Ereignis einrichten, um mouseout zu behandeln. Innerhalb der MouseOut-Event-Funktion können Sie die Farbe wieder auf die Originalfarbe zurücksetzen.

%Vor%     
AndrewR 29.11.2011, 22:26
quelle
1

Haben Sie mouseout ausprobiert?

(Leider wurde das Ereignis "mouseover" schlecht benannt - es wäre besser gewesen, wenn es "mausin" genannt wurde, so dass es offensichtlich und intuitiv das Gegenteil von "mouseout" war. Aber das ist nur einer von vielen inkonsistent Ereignis Dinge.)

Ich denke, dass mouseenter und mouseleave IE-Dinge sind, die andere Browser möglicherweise nicht unterstützen - obwohl ich denke, dass jQuery auch diese Ereignisse unterstützt.

    
nnnnnn 29.11.2011 22:27
quelle

Tags und Links