Internet Explorer 9 Arrastrar y soltar (DnD)

He encontrado un workarround para hacer que la api dnd nativa también funcione en IE con elementos que no sean enlaces e imágenes. Agregue un controlador onmousemove al contenedor arrastrable y llame al elemento de función IE nativo.DragDrop (), cuando se presiona el botón:

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

Me he encontrado con el mismo problema. Este truco funciona para mí:

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

Detiene la selección e inicia el arrastre.

Este ejemplo DnD funciona en IE9.

Creo que el ejemplo de HTML5Rocks no funciona en IE9 debido a las características de CSS3. El ejemplo usó varias características de CSS3, pero el soporte de CSS3 de IE9 no es bueno.

Además, algunos de los eventos y métodos de JS no funcionan en IE. Por ejemplo, setDragImage() no funciona ni siquiera en IE9. Esta es también una de las razones.

He estado mirando esto también, he encontrado que Opera 11.50 tiene el mismo problema básico; tanto él como IE9 no entienden el atributo arrastrable HTML5, ni los eventos de arrastrar y soltar HTML5.

Como solución alternativa, encontré este artículo de opera en http://dev.opera.com/articles/view/accessible-drag-and-drop / que emula el soporte de arrastrar y soltar con los eventos mousedown, mouseover, mousemove, mouseout y mouseup. Naturalmente, esto es mucho trabajo, pero le da soporte dnd en Opera.

Puedes ver una demostración en vivo en http://devfiles.myopera.com/articles/735/example.html

El mismo truco de emulación dnd funciona con IE9, y parece compatible con otros navegadores HTML5.

Estoy teniendo el mismo problema que Didier Caron arriba. Los divarrastrables no funcionan, pero las etiquetas de anclaje funcionan bien. Encontré una solución en HTML5 Doctor .

Sugeriría usar La interfaz de usuario de jQuery arrastrable.

Utilice elementos que tengan la propiedad arrastrable establecida en true de forma predeterminada. ellos el y debería funcionar Salud

Esto funciona para mí. Hace que IE9 se comporte como otros navegadores modernos en cuanto a arrastrar / soltar:

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;
            }
        }
    });
}