: Der Mauszeiger bleibt beim Ziehen und Ablegen am Element haften
Ich habe eine einfache ol-li-Konstruktion und möchte Drag'n'Drop hinzufügen. Zusätzlich möchte ich Hover Item und Dragover Item in verschiedenen Farben hervorheben. Aber es ist ein ungewöhnlicher Fehler in WebKit.
- Letzten Eintrag erfassen.
- Ziehe es nach oben.
- Platziere es auf den ersten Gegenstand.
Und letztes Element fängt die Hover-Pseudoklasse ein! Warum? Wie kann ich das verhindern?
Dies ist ein Beispiel:
%Vor%2 Antworten
Sie können einfach eine .onmouseover und eine .onmouseout Funktion hinzufügen und eine Klasse namens hovered hinzufügen oder entfernen, anstatt CSS :hover zu verwenden. Hier ist das aktualisierte jsFiddle
Javascript zum Hinzufügen (für for-Schleife)
%Vor%CSS
%Vor% Randnotiz: Ich könnte eine ID zum ol like id='dragableList' hinzufügen und die Zeile var lis = document.querySelectorAll("li") zu var lis = document.getElementById('dragableList').querySelectorAll("li") ändern, für den Fall, dass Sie später irgendwo in Ihrem Projekt eine andere Liste haben. Hier ist das
Hier ist, wie ich es gelöst habe. Ich musste leider ein wenig auf JS zurückgreifen.
Meine Seite enthält ausgeblendete Datensätze, die beim Hover hervorgehoben werden. Durch Klicken auf den Datensatz wird dieser erweitert und die Hervorhebung deaktiviert. Wenn Sie erneut klicken, wird der Inhalt wieder geschlossen und der Mauszeiger wird fortgesetzt:
%Vor%Tags und Links javascript html5 drag-and-drop hover