Problem z przeciąganiem i upuszczaniem HTML5 w programie Internet Explorer (dostęp do właściwości data Transfer nie jest możliwy)

Question

Próbuję zaimplementować podstawowe funkcje przeciągania & z HTML5. Działa całkowicie dobrze w Chrome, ale w IE10 pojawia się błąd 0x8000ffff - JavaScript runtime error: Unexpected call to method or property access. w linii 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); 
}); 

Co robię źle?

Answer 1

Dla tych, którzy szukają odpowiedzi:

getData() i setData() atrybut musi nazywać się dokładnie "tekstem", ponieważ możesz używać dowolnego parametru w innych przeglądarkach (co zresztą czyni wiele sensu - ponownie IE rocks), te inne odpowiedzi tutaj są bezużyteczne.

Answer 2

Wygląda na to, że źle zrozumiałem cel dataTransfer.setData.

Działa tylko tak:

e.dataTransfer.setData("Text", g.destination);

Answer 3

Masz rację. W IE 11 zmieniono z e.dataTransfer.getData ("text/html") na e.dataTransfer.getData ("tekst") i nie występują żadne błędy. Dto. w e.dataTransfer.setData ("tekst").

Ta próbka (metody DND) będzie wtedy działać w IE 11, Chrome i Firefox: http://www.developer.com/lang/using-html5-drag-and-drop-in-asp.net.html