Internet Explorer 9 przeciągnij i upuść (DnD)

Znalazłem sposób na to, aby natywne API dnd działało również w IE z elementami innymi niż linki i obrazki. Dodaj obsługę onmousemove do przeciąganego kontenera i wywołaj natywny element funkcji IE.dragDrop(), po naciśnięciu przycisku:

function handleDragMouseMove(e) {
    var target = e.target;
    if (window.event.button === 1) {
        target.dragDrop();
    }
}

var container = document.getElementById('widget');
if (container.dragDrop) {
    $(container).bind('mousemove', handleDragMouseMove);
}

// todo: add dragstart, dragover,... event handlers

Napotkałem ten sam problem. Ta sztuczka działa na mnie:

node.addEventListener('selectstart', function(evt) {
    this.dragDrop();
    return false;
}, false);

Zatrzymuje zaznaczenie i rozpoczyna przeciąganie.

Ten przykład DnD działa w IE9.

Myślę, że przykład z HTML5Rocks nie działa w IE9 z powodu funkcji CSS3. W przykładzie użyto kilku funkcji CSS3, ale obsługa IE9 CSS3 nie jest dobra.

Ponadto niektóre zdarzenia i metody JS nie działają w IE. Na przykład setDragImage() nie działa nawet w IE9. Jest to również jeden z powodów.

I 've been looking atribute too, I' ve found that Opera 11.50 has the same basic issue; both it and IE9 do not understand the HTML5 draggable attribute, or the HTML5 drag-and-drop events.

Jako obejście, znalazłem ten artykuł Opery na http://dev.opera.com/articles/view/accessible-drag-and-drop / emuluje obsługę przeciągania i upuszczania za pomocą zdarzeń mousedown, mouseover, mousemove, mouseout i mouseup. Oczywiście jest to dużo pracy, ale daje wsparcie dnd w Opera.

Możesz zobaczyć demo na http://devfiles.myopera.com/articles/735/example.html

Ten sam trik emulacyjny dnd działa z IE9 i wydaje się kompatybilny z innymi przeglądarkami HTML5.

Mam ten sam problem co wyżej Didier Caron. Przeciągalne div s nie działają, ale znaczniki anchor działają dobrze. Znalazłem rozwiązanie w HTML5 Doctor .

Sugerowałbym użycie jQuery UI ' s draggable .

Używa elementu, który domyślnie ma właściwość draggable ustawioną na true. oni i powinno zadziałać Cheers

To mi pasuje. To sprawia, że IE9 zachowuje się jak inne nowoczesne przeglądarki, jeśli chodzi o drag/drop:

if (document.doctype && navigator.appVersion.indexOf("MSIE 9") > -1) {
    document.addEventListener('selectstart', function (e) {
        for (var el = e.target; el; el = el.parentNode) {
            if (el.attributes && el.attributes['draggable']) {
                e.preventDefault();
                e.stopImmediatePropagation();
                el.dragDrop();
                return false;
            }
        }
    });
}