Internet Explorer 9拖放(DnD)

Question

有谁知道为什么以下网站拖放示例(加上许多其他在线教程)在Internet Explorer 9中不起作用？Chrome,FireFox和Safari都可以.

http://www.html5rocks.com/tutorials/dnd/basics/

我认为IE9被认为是最符合HTML5标准的浏览器？尤其是DnD,因为自IE5以来它们一直支持它.我是否必须在某处更改设置？

我玩HTML5和CSS3越多...... IE9缺乏的越多.

有没有人有任何链接到在IE9中工作的DnD教程？

Answer 1

我找到了一个workarround来使本机dnd api也可以在IE中使用链接和图像以外的元素.在按下按钮时,将onmousemove处理程序添加到可拖动容器并调用本机IE函数element.dragDrop():

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

Answer 2

好吧,我在IE9中遇到了同样奇怪的行为,似乎IE9不会对div进行拖放(HTML 5样式).如果您要使用href ="#"更改A的div,您将能够拖放.

这不会拖动:

<div data-value="1" class="loadedmodule-container" draggable="true">drag</div>

这将:

<a href="#" data-value="1" class="loadedmodule-container" draggable="true">drag</a>

希望这有助于任何人