Internet Explorer中的HTML5拖放问题(无法访问dataTransfer属性)

Question

我正在尝试使用HTML5实现基本的拖放功能.它在Chrome中运行完全正常,但在IE10中我收到0x8000ffff - JavaScript runtime error: Unexpected call to method or property access.错误setData.

function handleDragStart(e) {
    e.dataTransfer.effectAllowed = 'move';                                        
    e.dataTransfer.setData("dropTarget", g.destination);
}

var cols = $("#" + g.source + " tbody > tr");
[].forEach.call(cols, function (col) {
    col.addEventListener('dragstart', handleDragStart, false);
});

我究竟做错了什么？

Answer 1

对于那些正在寻找答案的人:

getData()和setData()属性必须被称为"text",因为你可以在其他浏览器中使用任何参数(这实际上很有意义 - IE再次摇滚),这里的其他答案都是无用的.

Answer 2

你是对的.在IE 11中,我从e.dataTransfer.getData('text/html')更改为e.dataTransfer.getData('text'),并且不会发生错误.DTO.在e.dataTransfer.setData('text')中.

然后,此示例(DnD方法)将在IE 11,Chrome和Firefox中运行:http: //www.developer.com/lang/using-html5-drag-and-drop-in-asp.net.html