Javascript addEventListener - mit, um einen mouseover-Effekt?
Ich habe ein div mit der id "button". Ich bin versucht zu ändern, der hintergrund wird blau, wenn ich schweben (ohne Verwendung der CSS-hover-Selektor).
var item = document.getElementById("button");
item.addEventListener("mouseover", func, false);
function func()
{
var item = document.getElementById("button");
item.setAttribute("style", "background-color:blue;")
}
Diese allerdings erst setzt die Farbe für das Element zu blau, wenn ich zu schweben, aber nicht stellen Sie es auf die weiße, nachdem ich bewegen Sie die Maus Weg. Wie kann ich das korrigieren? (btw, mouseenter und mouseleave funktionieren nicht mit dieser scheinbar).
Du musst angemeldet sein, um einen Kommentar abzugeben.
Müssen Sie setup ein ähnliches Ereignis behandeln
mouseout
. Im inneren des mouseout-Ereignis-Funktion, können Sie die Farbe ändern zurück zu der ursprünglichen Farbe.hover()
Funktion.this.setAttribute
stattdessen der name der variable innerhalbfunc()
undfunc1()
, das ist unglaublich praktisch für mich genau in diesem Augenblick. Könnte jemand erklären, wie das passiert ist? Möglicherweise haben Sie einen neuen Beitrag.Haben Sie versucht,mouseout?
(Leider ist das Ereignis "mouseover" wurde kaum genannt, es wäre besser gewesen, wenn es war genannt "mousein", so dass es war mehr offensichtlich und intuitiv das Gegenteil von "mouseout". Aber das ist nur eine von vielen inkonsistente Ereignis Dingen.)
Ich denke, mouseenter und mouseleave sind IE Sachen, die andere Browser nicht unterstützen - obwohl ich glaube, jQuery unterstützt diese Veranstaltungen auch.