Ich habe einen einfachen ol-li Aufbau und möchte Drag'n'Drop hinzufügen. Außerdem möchte ich Hover-Item und Dragover-Item in verschiedenen Farben hervorheben. Es ist jedoch ein ungewöhnlicher Fehler in WebKit.

Erfassen Sie das letzte Objekt.Ziehen Sie es nach oben.Lass es auf den ersten Gegenstand fallen.

Und letztes Element erfassen die Schwebepseudoklasse! Warum? Wie kann ich das verhindern?

Dies ist ein Beispiel:

http://jsfiddle.net/zFk2V/3/

var lis = document.querySelectorAll("li"),
    ol = document.querySelector("ol"),
    dragged = false,
    dragover = false;
ol.addEventListener("drop", function(event) {
    ol.insertBefore(dragged,dragover);
    this.classList.remove("insistent");
}, false);
for (var i=0, n = lis.length; i < n; i++) {
    lis[i].addEventListener("dragstart", function(event) {
        dragged = this;
        ol.classList.add("insistent");
    }, false);
    lis[i].addEventListener("dragover", function(event) {
        if (dragover) {
            dragover.classList.remove("dragover");
        }
        event.preventDefault();
        dragover = this;
        this.classList.add("dragover");
    }, false);
}